HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/fireknott/
Current File : /home/htlwork.com/www/dev/fireknott/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>FireKnott</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link href="css/swiper.min.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
	
    <!-- Custom Fonts -->
	<link href="font-awesome/css/all.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
	
<script>
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 350){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.back-to-top').addClass("scroll");
    }
    else{
        jQuery('.back-to-top').removeClass("scroll");
    }
});
</script>

</head>
<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
<header class="header">    
  <nav>
    <div class="container">
      <div class="navbar">
        
		<i class="fa fa-navicon bx bx-menu"></i>
	    <div class="logo"><a href="#"><img src="images/fire-knott-logo.png" al="image"></a></div>
		
        <div class="nav-links">
	    
		  <div class="sidebar-logo">
		    <span class="logo-name"><img src="images/fire-knott-logo.png" al="image"></span>
            <i class="fa-solid fa-xmark bx bx-x"></i>
		  </div>
		  
		  <ul class="links">			
            <li class="main-menu">
              <a href="#">Men</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <div class="row menu-row">
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <h4>Top Wear</h4>
					  <li><a href="#">T-Shirts</a></li>
					  <li><a href="#">Oversize T-Shirts</a></li>
					  <li><a href="#">Polo T-shirts</a></li>
					  <li><a href="#">Supima T-shirt</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Polo T-Shirts</a></li>
					  <li><a href="#">Vests</a></li>
					  <li><a href="#">Shirts</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Full Sleeve T-Shirts</a></li>
					  <li><a href="#">Plus Size Topwear</a></li>
					  <li><a href="#">Cuastomize T-shirts</a></li>
					  <li><a href="#">Sweatshirts & Hoodies</a></li>
					  <li><a href="#">Jackets</a></li>
					  <li><a href="#">Sweaters</a></li>
					  <li><a href="#">All Topwear</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <h4>Winter Wear</h4>
					  <li><a href="#">Full Sleeves T-Shirts</a></li>
					  <li><a href="#">Sweatshirts</a></li>
					  <li><a href="#">Hoodies</a></li>
					  <li><a href="#">Bomber Jackets</a></li>
					  <li><a href="#">Half Sleeve T-Shirts</a></li>
					  <li><a href="#">Polo T-Shirts</a></li>
					  <li><a href="#">Vests</a></li>
					  <li><a href="#">Shirts</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Full Sleeve T-Shirts</a></li>
					  <li><a href="#">Plus Size Topwear</a></li>
					  <li><a href="#">Cuastomize T-shirts</a></li>
					  <li><a href="#">Sweatshirts & Hoodies</a></li>
					  <li><a href="#">Jackets</a></li>
					  <li><a href="#">Sweaters</a></li>
					  <li><a href="#">All Topwear</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <h4>Accessories</h4>
					  <li><a href="#">Caps</a></li>
					  <li><a href="#">Sneakers</a></li>
					  <li><a href="#">Classic Fit T-shirts</a></li>
					  <li><a href="#">Plain T-Shirts</a></li>
					  <li><a href="#">Half Sleeve T-Shirts</a></li>
					  <li><a href="#">Polo T-Shirts</a></li>
					  <li><a href="#">Vests</a></li>
					  <li><a href="#">Shirts</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Full Sleeve T-Shirts</a></li>
					  <li><a href="#">Plus Size Topwear</a></li>
					  <li><a href="#">Cuastomize T-shirts</a></li>
					  <li><a href="#">Sweatshirts & Hoodies</a></li>
					  <li><a href="#">Jackets</a></li>
					  <li><a href="#">Sweaters</a></li>
					  <li><a href="#">All Topwear</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <div class="info">
					  <a href="#" class="full-link"></a>
					  <div class="text">
					    <span>Special Deals</span>
						<p><img src="images/deal-icon.png" width="30" alt=""> ALL UNDER 599</p>
					  </div>
				      <figure><img src="images/Pyaari_Pink-523357.webp" alt=""></figure>
				    </div><!--/ info -->
				  </div><!--/ left-grid -->
				</div><!--/ row -->
              </ul>
            </li>
			
			<li class="main-menu">
              <a href="#">Women</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <div class="row menu-row">
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <h4>Top Wear</h4>
					  <li><a href="#">T-Shirts</a></li>
					  <li><a href="#">Oversize T-Shirts</a></li>
					  <li><a href="#">Polo T-shirts</a></li>
					  <li><a href="#">Supima T-shirt</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Polo T-Shirts</a></li>
					  <li><a href="#">Vests</a></li>
					  <li><a href="#">Shirts</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Full Sleeve T-Shirts</a></li>
					  <li><a href="#">Plus Size Topwear</a></li>
					  <li><a href="#">Cuastomize T-shirts</a></li>
					  <li><a href="#">Sweatshirts & Hoodies</a></li>
					  <li><a href="#">Jackets</a></li>
					  <li><a href="#">Sweaters</a></li>
					  <li><a href="#">All Topwear</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <h4>Winter Wear</h4>
					  <li><a href="#">Full Sleeves T-Shirts</a></li>
					  <li><a href="#">Sweatshirts</a></li>
					  <li><a href="#">Hoodies</a></li>
					  <li><a href="#">Bomber Jackets</a></li>
					  <li><a href="#">Half Sleeve T-Shirts</a></li>
					  <li><a href="#">Polo T-Shirts</a></li>
					  <li><a href="#">Vests</a></li>
					  <li><a href="#">Shirts</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Full Sleeve T-Shirts</a></li>
					  <li><a href="#">Plus Size Topwear</a></li>
					  <li><a href="#">Cuastomize T-shirts</a></li>
					  <li><a href="#">Sweatshirts & Hoodies</a></li>
					  <li><a href="#">Jackets</a></li>
					  <li><a href="#">Sweaters</a></li>
					  <li><a href="#">All Topwear</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <h4>Accessories</h4>
					  <li><a href="#">Caps</a></li>
					  <li><a href="#">Sneakers</a></li>
					  <li><a href="#">Classic Fit T-shirts</a></li>
					  <li><a href="#">Plain T-Shirts</a></li>
					  <li><a href="#">Half Sleeve T-Shirts</a></li>
					  <li><a href="#">Polo T-Shirts</a></li>
					  <li><a href="#">Vests</a></li>
					  <li><a href="#">Shirts</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Full Sleeve T-Shirts</a></li>
					  <li><a href="#">Plus Size Topwear</a></li>
					  <li><a href="#">Cuastomize T-shirts</a></li>
					  <li><a href="#">Sweatshirts & Hoodies</a></li>
					  <li><a href="#">Jackets</a></li>
					  <li><a href="#">Sweaters</a></li>
					  <li><a href="#">All Topwear</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <div class="info">
					  <a href="#" class="full-link"></a>
					  <div class="text">
					    <span>Special Deals</span>
						<p><img src="images/deal-icon.png" width="30" alt=""> ALL UNDER 599</p>
					  </div>
				      <figure><img src="images/Pyaari_Pink-523357.webp" alt=""></figure>
				    </div><!--/ info -->
				  </div><!--/ left-grid -->
				</div><!--/ row -->
              </ul>
			  
            </li>
			<li class="main-menu">
              <a href="#">Kids</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <div class="row menu-row">
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <h4>Top Wear</h4>
					  <li><a href="#">T-Shirts</a></li>
					  <li><a href="#">Oversize T-Shirts</a></li>
					  <li><a href="#">Polo T-shirts</a></li>
					  <li><a href="#">Supima T-shirt</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Polo T-Shirts</a></li>
					  <li><a href="#">Vests</a></li>
					  <li><a href="#">Shirts</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Full Sleeve T-Shirts</a></li>
					  <li><a href="#">Plus Size Topwear</a></li>
					  <li><a href="#">Cuastomize T-shirts</a></li>
					  <li><a href="#">Sweatshirts & Hoodies</a></li>
					  <li><a href="#">Jackets</a></li>
					  <li><a href="#">Sweaters</a></li>
					  <li><a href="#">All Topwear</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <h4>Winter Wear</h4>
					  <li><a href="#">Full Sleeves T-Shirts</a></li>
					  <li><a href="#">Sweatshirts</a></li>
					  <li><a href="#">Hoodies</a></li>
					  <li><a href="#">Bomber Jackets</a></li>
					  <li><a href="#">Half Sleeve T-Shirts</a></li>
					  <li><a href="#">Polo T-Shirts</a></li>
					  <li><a href="#">Vests</a></li>
					  <li><a href="#">Shirts</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Full Sleeve T-Shirts</a></li>
					  <li><a href="#">Plus Size Topwear</a></li>
					  <li><a href="#">Cuastomize T-shirts</a></li>
					  <li><a href="#">Sweatshirts & Hoodies</a></li>
					  <li><a href="#">Jackets</a></li>
					  <li><a href="#">Sweaters</a></li>
					  <li><a href="#">All Topwear</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <h4>Accessories</h4>
					  <li><a href="#">Caps</a></li>
					  <li><a href="#">Sneakers</a></li>
					  <li><a href="#">Classic Fit T-shirts</a></li>
					  <li><a href="#">Plain T-Shirts</a></li>
					  <li><a href="#">Half Sleeve T-Shirts</a></li>
					  <li><a href="#">Polo T-Shirts</a></li>
					  <li><a href="#">Vests</a></li>
					  <li><a href="#">Shirts</a></li>
					  <li><a href="#">Co-ord Sets</a></li>
					  <li><a href="#">Full Sleeve T-Shirts</a></li>
					  <li><a href="#">Plus Size Topwear</a></li>
					  <li><a href="#">Cuastomize T-shirts</a></li>
					  <li><a href="#">Sweatshirts & Hoodies</a></li>
					  <li><a href="#">Jackets</a></li>
					  <li><a href="#">Sweaters</a></li>
					  <li><a href="#">All Topwear</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <div class="info">
					  <a href="#" class="full-link"></a>
					  <div class="text">
					    <span>Special Deals</span>
						<p><img src="images/deal-icon.png" width="30" alt=""> ALL UNDER 599</p>
					  </div>
				      <figure><img src="images/Pyaari_Pink-523357.webp" alt=""></figure>
				    </div><!--/ info -->
				  </div><!--/ left-grid -->
				</div><!--/ row -->
              </ul>
            </li>
			
            <li><a href="#">Contact</a></li>
			
			<!--li class="main-menu">
              <a>About</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <li><a href="#">Group Companies</a></li>
				<li><a href="about-company.html">About Company</a></li>
				<li><a href="#">Our Vision</a></li>
				<li><a href="#">Our Team</a></li>
              </ul>
            </li-->
			
			<!--li class="main-menu">
              <a href="#">Products</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <li><a href="#">Hospital Management System</a></li>
				<li><a href="#">School Management System</a></li>
				<li><a href="#">Library Management System</a></li>
				<li><a href="#">Inventory Management System</a></li>
              </ul>
            </li>
			
			<li class="main-menu">
              <a href="#">Hire Developers</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <li><a href="#">Hospital Management System</a></li>
				<li><a href="#">School Management System</a></li>
				<li><a href="#">Library Management System</a></li>
				<li><a href="#">Inventory Management System</a></li>
              </ul>
            </li-->
          </ul>
        </div>
		
		<div class="product-header">	
         <div class="product_search_form">
		   <form>
			 <div class="collapse" id="search-input" style="">
			   <div class="card card-body">
				 <div class="input-group">
                   <input name="s" id="s" class="form-control" placeholder="Search" required="" type="text">
                   <button type="submit" class="search_btn"><i class="fa fa-search" aria-hidden="true"></i></button>
				 </div>
			   </div>
			 </div>
			 
			   <button class="click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#search-input" aria-expanded="false" aria-controls="search-input"><span class="fa fa-fw fa-search" title="search" aria-hidden="true"></span><span class="sr-only">Search</span></button>
            </form>		 
          </div>
		  
		  <div class="account-view">
		    <button class="click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#account" aria-expanded="false" aria-controls="account"><i class="fa-regular fa-user"></i></button>
			
			<div class="collapse" id="account" style="">
			  <div class="card card-body">
			    <ul>
                  <li><a href="#"> <i class="fa fa-user"></i> Register</a></li>
                  <li><a href="#">  <i class="fa fa-sign-in"></i> Login</a></li>
                </ul>
			  </div>
			</div>
          </div>
		  
		    <div class="cart-button">		  
		      <button class="click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cart" aria-expanded="false" aria-controls="cart"><i class="fa-solid fa-bag-shopping"></i>
			    <div class="cartco"><span id="cart-total"><span class="cartcount">0</span></span></div>
			  </button>
			</div>
		  
		    <div class="wishlist">
			  <button class="click-btn"><a href="#"><i class="fa-regular fa-heart"></i></a></button>
			</div>
			
		  </div><!--/ product-header -->

		
      </div><!--/ navbar -->
    </div><!--/ container -->
	
  </nav>
</header>

<section class="menu-categories">    
  <div class="container">
    <div class="row">
	
	  <div class="col-sm-12">
	    <ul>
		  <li><a href="#"><figure><img src="images/V2Tshirt-for-Me-R.jpg" alt=""></figure><span>men</span></a></li>
		  
		  <li><a href="#"><figure><img src="images/V2Tshirt-for-Women-R.jpg" alt=""></figure><span>women</span></a></li>
		  
		  <li><a href="#"><figure><img src="images/V2Tshirt-for-Boys-R.jpg" alt=""></figure><span>kids</span></a></li>
		  
		  <li><a href="#"><figure><img src="images/V2Tshirt-for-Babies-R-2.jpg" alt=""></figure><span>babies</span></a></li>
		  
		  <li><a href="#"><figure><img src="images/V1CordSet-1.webp" alt=""></figure><span>co-ord set</span></a></li>
		  
		  <li><a href="#"><figure><img src="images/V1Crop-Top-Lovers.jpg" alt=""></figure><span>Winter Wear</span></a></li>
		</ul>
      </div><!--/ col -->
    
	</div><!--/ row -->
  </div>
</section><!--/ menu-categories -->

<section class="banner">
  <div class="container-fluid">		
    
	<div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="banner-slider">
	  
	  <div class="item"><figure><img src="images/Oversize-Tshirt.jpg" alt=""></figure></div><!--/ item -->
	  <div class="item"><figure><img src="images/Tshirt.gif" alt=""></figure></div><!--/ item -->
	  <div class="item"><figure><img src="images/Maternity-Tshirt.jpg" alt=""></figure></div><!--/ item -->
	  <div class="item"><figure><img src="images/co-ords-banner.jpg" alt=""></figure></div><!--/ item -->
	  <div class="item"><figure><img src="images/All-Under-499.jpg" alt=""></figure></div><!--/ item -->
	  <div class="item"><figure><img src="images/HC-1X1-ends-tomo-common-1720800215.gif" alt=""></figure></div><!--/ item -->
	  
	</div><!--/ banner-slider -->

  </div><!-- container -->		
</section><!--/ banner -->     

<section class="our-specials our-specials-men pad-t30">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0">
	    <div class="content-title mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Shop by Category</h2>
        </div><!--/ title -->
		
		<div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-2">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V2Tshirt-for-Me-R.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">For Men <i class="fa-solid fa-arrow-right-long"></i></a></h4>
			    <p class="hidden"><a href="#" class="btn">For Men <i class="fa-solid fa-arrow-right-long"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V2Tshirt-for-Women-R.jpg" alt="">
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">For Women <i class="fa-solid fa-arrow-right-long"></i></a></h4>
			    <p class="hidden"><a href="#" class="btn">For Women <i class="fa-solid fa-arrow-right-long"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V2Tshirt-for-Boys-R.jpg" alt="">
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">For Boys <i class="fa-solid fa-arrow-right-long"></i></a></h4>
			    <p class="hidden"><a href="#" class="btn">For Boys <i class="fa-solid fa-arrow-right-long"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V2Tshirt-for-Babies-R.jpg" alt="">
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">For Girls <i class="fa-solid fa-arrow-right-long"></i></a></h4>
				<p class="hidden"><a href="#" class="btn">For Girls <i class="fa-solid fa-arrow-right-long"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V2Tshirt-for-Babies-R-2.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">For Babies <i class="fa-solid fa-arrow-right-long"></i></a></h4>
			    <p class="hidden"><a href="#" class="btn">For Babies <i class="fa-solid fa-arrow-right-long"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Accessory-lover.jpg" alt="">
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Caps & Tote Bags <i class="fa-solid fa-arrow-right-long"></i></a></h4>
			    <p class="hidden"><a href="#" class="btn">Caps & Tote Bags <i class="fa-solid fa-arrow-right-long"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		</div><!--/ owl-carousel -->
	  </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="tag-sec">
  <div class="container">
    <div class="row aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">           
	  
	  <div class="col-sm-12 full-grid">
	    <div class="info text-center">
	      <h2><span>Style like never before</span>Choose happiness, choose clothes.</h2>	  
		  <h4>A store that sells not just outfits but a trend. </h4>
		  <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-arrow-right"></i></a></p>
		  <figure><img src="images/dummy-01.png" alt="image"></figure>  
	    </div><!--/ info -->	  
	  </div>            
	  
    </div><!--/ row --> 
  </div>
</section>

<section class="our-specials our-specials-women">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0">
	    <div class="content-title mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Shop by Product</h2>
        </div><!--/ title -->
		
		<div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-3">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Tshirt-Lovers.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Tshirts</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Overize-Lovers.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Oversize Tshirts</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Crop-Top-Lovers.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Crop Top</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Tank-Top-Lovers.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Tank Top</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Crop-Tank-Lovers.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Crop Tank Top</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1CordSet-1.webp" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Co-ords</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		</div><!--/ owl-carousel -->
	  </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials our-specials-video hidden">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0">
	    <div class="content-title mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Shop by Interest</h2>
        </div><!--/ title -->
		
		<div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-4">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Coffee-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Coffee</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Off-Roading-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Off Roading</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Horror-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Horror</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Sport-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Sport</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V2KPOP-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">K POP</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1CordSet-1.webp" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Anime</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		</div><!--/ owl-carousel -->
	  </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials our-specials-video">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0">
	    <div class="content-title mrb-50 text-center aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Shop by Interest</h2>
        </div><!--/ title -->
      </div><!--/ os-col -->
		  
		  <div class="col-sm-3 shop-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Coffee-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Coffee</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ shop-col -->
		  
		  <div class="col-sm-3 shop-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Off-Roading-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Off Roading</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ shop-col -->
		  
		  <div class="col-sm-3 shop-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Horror-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Horror</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ shop-col -->
		  
		  <div class="col-sm-3 shop-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Sport-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Sport</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ shop-col -->
		  
		  <div class="col-sm-3 shop-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V2KPOP-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">K POP</a></h4>
			    
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ shop-col -->
		  
		  <div class="col-sm-3 shop-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V2Anime-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Anime</a></h4>
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ shop-col -->
		  
		  <div class="col-sm-3 shop-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Photography-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Photography</a></h4>
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ shop-col -->
		  
		  <div class="col-sm-3 shop-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Pet-LoverR.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Pet Lover</a></h4>
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ shop-col -->
		  
		  <div class="col-sm-3 shop-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V2Unicorn-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Unicorn</a></h4>
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ shop-col -->
		  
		  <div class="col-sm-3 shop-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <figure>
			    <img src="images/V1Music-Lover.jpg" alt="">
				<!--div class="card-btn"><a href="#" class="btn"><i class="fa-solid fa-cart-shopping"></i></a></div-->
				<span class="salepro"><i class="fa-solid fa-star"></i> Best Seller</span>
			  </figure>
			  <div class="content">
			    <h4><a href="#">Music</a></h4>
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ shop-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials our-specials-bundle">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0">
	    <div class="content-title mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Fireknott Originals</h2>
        </div><!--/ title -->
		
		<div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-6">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-PIMA-men-1-1719843539.webp" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">American Pima</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-PIMA-men-1-1719843539.webp" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">American Pima</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-PIMA-men-1-1719843539.webp" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">American Pima</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-PIMA-men-1-1719843539.webp" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">American Pima</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-PIMA-men-1-1719843539.webp" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">American Pima</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-PIMA-men-1-1719843539.webp" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">American Pima</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->	  
		  
		</div><!--/ owl-carousel -->
	  </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="tag-sec tag-sec2">
  <div class="container">
    <div class="row aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">           
	  
	  <div class="col-sm-12 full-grid">
	    <div class="info text-center">
	      <h2><span>Style like never before</span>Choose happiness, choose clothes.</h2>	  
		  <h4>A store that sells not just outfits but a trend. </h4>
		  <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-arrow-right"></i></a></p>
		  <figure><img src="images/dummy-01.png" alt="image"></figure>  
	    </div><!--/ info -->	  
	  </div>            
	  
    </div><!--/ row --> 
  </div>
</section>

<section class="sub-categories pad-b0">    
  <div class="container">
    <div class="row">
	
	  <div class="col sub-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="info">
		  <figure><img src="images/New-Thumbnails-296x444-1-jpg-1722866603.webp" alt=""></figure>
		  <h4><a href="#">Bestsellers</a></h4>
        </div><!--/ info -->
      </div><!--/ col -->
	
	  <div class="col sub-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="info">
		  <figure><img src="images/New-Thumbnails-296x444-1-jpg-1722866603.webp" alt=""></figure>
		  <h4><a href="#">New Arrivals</a></h4>
        </div><!--/ info -->
      </div><!--/ col -->
	
	  <div class="col sub-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="info">
		  <figure><img src="images/New-Thumbnails-296x444-1-jpg-1722866603.webp" alt=""></figure>
		  <h4><a href="#">Official Merch</a></h4>
        </div><!--/ info -->
      </div><!--/ col -->
	
	  <div class="col sub-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="info">
		  <figure><img src="images/New-Thumbnails-296x444-1-jpg-1722866603.webp" alt=""></figure>
		  <h4><a href="#">Plus Size</a></h4>
        </div><!--/ info -->
      </div><!--/ col -->
	
	  <div class="col sub-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="info">
		  <figure><img src="images/New-Thumbnails-296x444-1-jpg-1722866603.webp" alt=""></figure>
		  <h4><a href="#">Customization</a></h4>
        </div><!--/ info -->
      </div><!--/ col -->
	
	  <div class="col sub-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="info">
		  <figure><img src="images/New-Thumbnails-296x444-1-jpg-1722866603.webp" alt=""></figure>
		  <h4><a href="#">Vote for Designs</a></h4>
        </div><!--/ info -->
      </div><!--/ col -->
	
	  <div class="col sub-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="info">
		  <figure><img src="images/New-Thumbnails-296x444-6-jpg-1722866607.webp" alt=""></figure>
		  <h4><a href="#">Last sizes left</a></h4>
        </div><!--/ info -->
      </div><!--/ col -->
    
	</div><!--/ row -->
  </div>
</section><!--/ sub-categories -->

<section class="our-specials our-specials-bundle pad-t30">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0">
	    <div class="content-title mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Too Hot To Be Missed</h2>
        </div><!--/ title -->
		
		<div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-7">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/HC-1x1-bewagoofy-sale-summershirts-common-1720113166.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Summer Shirts</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/HC-1x1-bewagoofy-sale-summershirts-common-1720113166.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Summer Shirts</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/HC-1x1-bewagoofy-sale-summershirts-common-1720113166.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Summer Shirts</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/HC-1x1-bewagoofy-sale-summershirts-common-1720113166.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Summer Shirts</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/HC-1x1-bewagoofy-sale-summershirts-common-1720113166.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Summer Shirts</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/HC-1x1-bewagoofy-sale-summershirts-common-1720113166.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Summer Shirts</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->	  
		  
		</div><!--/ owl-carousel -->
	  </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="why-choose-us">
  <div class="container">
    <div class="row aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	  
	  <div class="col-sm-3 process-block">
	    <div class="inner-box">
		  <div class="icon-box">
            <figure class="icon"><img src="images/icon-01.png" alt="image"></figure>
            <span class="count">01</span>
          </div>
          <div class="info-box">
            <div class="inner">
			  <h4 class="title">Quick Delivery</h4>
              <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</p>
            </div>
          </div>
        </div>
	  </div><!--/ process-block -->
	  
	  <div class="col-sm-3 process-block">
	    <div class="inner-box">
		  <div class="icon-box">
            <figure class="icon"><img src="images/icon-02.png" alt="image"></figure>
            <span class="count">02</span>
          </div>
          <div class="info-box">
            <div class="inner">
			  <h4 class="title">Secure Payment</h4>
              <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</p>
            </div>
          </div>
        </div>
	  </div><!--/ process-block -->
	  
	  <div class="col-sm-3 process-block">
	    <div class="inner-box">
		  <div class="icon-box">
            <figure class="icon"><img src="images/icon-03.png" alt="image"></figure>
            <span class="count">03</span>
          </div>
          <div class="info-box">
            <div class="inner">
			  <h4 class="title">Best Quality</h4>
              <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</p>
            </div>
          </div>
        </div>
	  </div><!--/ process-block -->
	  
	  <div class="col-sm-3 process-block">
	    <div class="inner-box">
		  <div class="icon-box">
            <figure class="icon"><img src="images/icon-04.png" alt="image"></figure>
            <span class="count">04</span>
          </div>
          <div class="info-box">
            <div class="inner">
			  <h4 class="title">Return Guarantee</h4>
              <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</p>
            </div>
          </div>
        </div>
	  </div><!--/ process-block -->
      
    </div><!--/ row -->
  </div>
</section>

<section class="our-specials our-specials-bundle hidden">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0">
	    <div class="content-title mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Our Best Picks</h2>
        </div><!--/ title -->
		
		<div class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000" id="owl-demo-8">
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-DOTW-COMMON-12-ezgif-com-optimize-1720763374.gif" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">designs of the week</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-DOTW-COMMON-12-ezgif-com-optimize-1720763374.gif" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">designs of the week</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-DOTW-COMMON-12-ezgif-com-optimize-1720763374.gif" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">designs of the week</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-DOTW-COMMON-12-ezgif-com-optimize-1720763374.gif" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">designs of the week</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-DOTW-COMMON-12-ezgif-com-optimize-1720763374.gif" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">designs of the week</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/1x1-2024-HC-DOTW-COMMON-12-ezgif-com-optimize-1720763374.gif" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">designs of the week</a></h4>
				
			    <p><a href="#" class="btn">Shop Now <i class="fa-solid fa-cart-shopping"></i></a></p>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item --> 
		  
		</div><!--/ owl-carousel -->
	  </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="blog-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-12">
		<div class="content-flex pad-0 mrb-30 text-center aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Recent articles</h2>
		  <p><a href="#" class="btn">View all <i class="fa-solid fa-angle-right"></i></a></p>
        </div><!--/ title -->
      </div><!--/ col -->
	  
	  <div class="col-lg-3 col-sm-6 blog-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="blog-info">
		  <figure><a href="#"><img src="images/Henley-1-2.png" alt="image"></a></figure>
		  <div class="info-padd">
			<h4 class="blog-title"><a class="underline-effect" href="#"><span>Design</span><br> <label>Style Blue Dress For Ladies: Four</label></a></h4>
		  </div><!--/ info-padd --> 
		</div>
	  </div><!--/ blog-col -->
	  
	  <div class="col-lg-3 col-sm-6 blog-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="blog-info">
		  <figure><a href="#"><img src="images/Henley-1-2.png" alt="image"></a></figure>
		  <div class="info-padd">
			<h4 class="blog-title"><a class="underline-effect" href="#"><span>Design</span><br> <label>Style Blue Dress For Ladies: Four</label></a></h4>
		  </div><!--/ info-padd --> 
		</div>
	  </div><!--/ blog-col -->
	  
	  <div class="col-lg-3 col-sm-6 blog-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="blog-info">
		  <figure><a href="#"><img src="images/Henley-1-2.png" alt="image"></a></figure>
		  <div class="info-padd">
			<h4 class="blog-title"><a class="underline-effect" href="#"><span>Design</span><br> <label>Style Blue Dress For Ladies: Four</label></a></h4>
		  </div><!--/ info-padd --> 
		</div>
	  </div><!--/ blog-col -->
	  
	  <div class="col-lg-3 col-sm-6 blog-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="blog-info">
		  <figure><a href="#"><img src="images/Henley-1-2.png" alt="image"></a></figure>
		  <div class="info-padd">
			<h4 class="blog-title"><a class="underline-effect" href="#"><span>Design</span><br> <label>Style Blue Dress For Ladies: Four</label></a></h4>
		  </div><!--/ info-padd --> 
		</div>
	  </div><!--/ blog-col -->
	  
    </div><!--/ row --> 
  </div>
</section>

<footer class="footer">  
  <div class="container">
    <div class="row">	
	  
	  <div class="col-sm-12 ft-col">
	    <div class="wg-1">
		  <div class="ft-logo"><a href="#"><img src="images/Transparent-logo.png" alt="image"></a></div>		  
		</div>
	  </div><!--/ col-sm -->
	  
	    <div class="col-sm-3 ft-col">
		    <div class="wg-1">
			  <h4>My account</h4>
			  <ul>
				<li><a href="#">Login</a></li>
				<li><a href="#">Order history</a></li>
				<li><a href="#">My wishlist</a></li>
				<li><a href="#">Track order</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-3 ft-col">
		    <div class="wg-1">
			  <h4>About company</h4>
			  <ul>
			    <li><a href="#">About us</a></li>
				<li><a href="#">Career</a></li>
				<li><a href="#">FAQ</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-3 ft-col">
		    <div class="wg-1">
			  <h4>Useful links</h4>
			  <ul>
			    <li><a href="#">Terms & conditions</a></li>
				<li><a href="#">Return policy</a></li>
				<li><a href="#">Privacy policy</a></li>
				<li><a href="#">Blog</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-3 ft-col">
		    <div class="wg-1">
			  <h4>Connect with us</h4>
			  
			  <div class="icon-link">
			    <a target="_blank" href="#"><i class="fa-brands fa-square-facebook"></i><span>4.7M people like this</span></a>
				<a target="_blank" href="#"><i class="fa-brands fa-instagram"></i><span>1M Followers</span></a>
			  </div>
			  
			  <div class="icon-ft">
				<a target="_blank" href="#"><i class="fa-brands fa-x-twitter"></i></a>
				<a target="_blank" href="#"><i class="fa-brands fa-pinterest"></i></a>
				<a target="_blank" href="#"><i class="fa-brands fa-snapchat"></i></a>
				<a target="_blank" href="#"><i class="fa-brands fa-apple"></i></a>
              </div>
			</div>
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-3 ft-col">
		    <div class="wg-1">
			  <h4>100% secure payment</h4>
			  <ul class="payment-icon">
		        <li><img src="images/payment-icon-01.png" alt="image"></li>
		        <li><img src="images/payment-icon-02.png" alt="image"></li>
		        <li><img src="images/payment-icon-03.png" alt="image"></li>
		        <li><img src="images/payment-icon-04.png" alt="image"></li>
		        <li><img src="images/payment-icon-05.png" alt="image"></li>
		        <li><img src="images/payment-icon-06.png" alt="image"></li>
		      </ul>
			</div>
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-3 ft-col">
		    <div class="wg-1">
			  <h4>keep up to date</h4>
			  <div class="newsletter">
			    <form>
				  <div class="form-group">
				    <input type="email" name="EMAIL" placeholder="Enter Email Id *" class="form-control">
					<button type="submit" class="btn">Subscribe</button>
				  </div>
				</form>
			  </div>
			</div>
		  </div><!--/ col-sm -->
	  
    </div><!-- row -->   
	
	<div class="footer-center">	
	  <div class="row">	
	  
	      <div class="col-sm-3 ft-col">
		    <div class="wg-1">
			  <h4>Men's clothing</h4>
			  <ul>
				<li><a href="#">T-Shirts for Men</a></li>
				<li><a href="#">Oversized T-shirt</a></li>
				<li><a href="#">Polo T-Shirts</a></li>
				<li><a href="#">Sweatshirt</a></li>
				<li><a href="#">View All</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm -->
	  
	      <div class="col-sm-3 ft-col">
		    <div class="wg-1">
			  <h4>Women's clothing</h4>
			  <ul>
				<li><a href="#">Crop Tank Top</a></li>
				<li><a href="#">Crop Top</a></li>
				<li><a href="#">Maternity Dress</a></li>
				<li><a href="#">Tank Top</a></li>
				<li><a href="#">T-Shirt</a></li>
				<li><a href="#">Overized Tshirt</a></li>
				<li><a href="#">Sweat Shirt</a></li>
				<li><a href="#">View All</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm -->
	  
	      <div class="col-sm-3 ft-col">
		    <div class="wg-1">
			  <h4>kid's clothing</h4>
			  <ul class="mrb-20">
				<li><a href="#">Boy's T-Shirt</a></li>
				<li><a href="#">Girl's T-Shirt</a></li>
				<li><a href="#">view all</a></li>
			  </ul>
			  
			  <h4>Babies clothing</h4>
			  <ul>
				<li><a href="#">Rompers</a></li>
				<li><a href="#">Babies T-Shirt</a></li>
				<li><a href="#">View all</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm -->
	  
	      <div class="col-sm-3 ft-col">
		    <div class="wg-1">
			  <ul class="social">
				<li><a href="#">Facebook</a></li>
				<li><a href="#">Offers</a></li>
				<li><a href="#">Sitemap</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm -->
	  
	      <div class="col-sm-12 disclaimer ft-col">
		    <div class="wg-1">
			  <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
			  <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
			  <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
			  <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
			</div>
		  </div><!--/ col-sm -->
	  
      </div><!-- row -->            
    </div><!-- footer center -->            
  </div><!--/ container -->       
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/swiper.min.js"></script>	
<script src="dist/aos.js"></script>	

<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>

<script>
  // search-box open close js code
let navbar = document.querySelector(".navbar");
//let searchBox = document.querySelector(".search-box .bx-search");
// let searchBoxCancel = document.querySelector(".search-box .bx-x");

//searchBox.addEventListener("click", ()=>{
  <!-- navbar.classList.toggle("showInput"); -->
  <!-- if(navbar.classList.contains("showInput")){ -->
    <!-- searchBox.classList.replace("bx-search" ,"bx-x"); -->
  <!-- }else{-->
    <!-- searchBox.classList.replace("bx-x" ,"bx-search"); -->
  <!-- } -->
<!-- }); -->

// sidebar open close js code
let navLinks = document.querySelector(".nav-links");
let menuOpenBtn = document.querySelector(".navbar .bx-menu");
let menuCloseBtn = document.querySelector(".nav-links .bx-x");
menuOpenBtn.onclick = function() {
navLinks.style.left = "0";
}
menuCloseBtn.onclick = function() {
navLinks.style.left = "-100%";
}


// sidebar submenu open close js code
$(".htmlcss-arrow").click(function(){
 $(".htmlCss-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".htmlCss-sub-menu" ).toggle("hidden");
});
$(".more-arrow").click(function(){
  $(".more-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".more-sub-menu" ).toggle("hidden");
});

</script>


<script>
$(document).ready(function(){
 let scroll_link = $('.BackTo');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>

<script>
$('#banner-slider').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:2
        },
        600:{
            items:4
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:4
        },
        1000:{
            items:5
        }
    }
}) 

$('#owl-demo-3').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:4
        },
        1000:{
            items:5
        }
    }
}) 

$('#owl-demo-4').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:4
        },
        1000:{
            items:5
        }
    }
}) 

$('#owl-demo-5').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:6
        },
        1000:{
            items:7
        }
    }
}) 

$('#owl-demo-6').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:4
        },
        1000:{
            items:3
        }
    }
})  

$('#owl-demo-7').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:4
        },
        1000:{
            items:3
        }
    }
})  

$('#owl-demo-8').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:4
        },
        1000:{
            items:5
        }
    }
})  

$('#blog').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:4
        }
    }
}) 

$('#testimonials').owlCarousel({
    loop:true,
	center:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

$(".process-col").mouseenter(function(){
    $(".process-col .item").removeClass('active');
    $(this).find('.item').addClass('active');
});
</script>
<script>

    // HERO SLIDER
    var menu = [];
    jQuery('.swiper-slide').each( function(index){
        menu.push( jQuery(this).find('.slide-inner').attr("data-text") );
    });
    var interleaveOffset = 0.5;
    var swiperOptions = {
        loop: true,
        speed: 1000,
        parallax: true,
        autoplay: {
            delay: 6500,
            disableOnInteraction: false,
        },
        watchSlidesProgress: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },

        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

        on: {
            progress: function() {
                var swiper = this;
                for (var i = 0; i < swiper.slides.length; i++) {
                    var slideProgress = swiper.slides[i].progress;
                    var innerOffset = swiper.width * interleaveOffset;
                    var innerTranslate = slideProgress * innerOffset;
                    swiper.slides[i].querySelector(".slide-inner").style.transform =
                    "translate3d(" + innerTranslate + "px, 0, 0)";
                }      
            },

            touchStart: function() {
              var swiper = this;
              for (var i = 0; i < swiper.slides.length; i++) {
                swiper.slides[i].style.transition = "";
              }
            },

            setTransition: function(speed) {
                var swiper = this;
                for (var i = 0; i < swiper.slides.length; i++) {
                    swiper.slides[i].style.transition = speed + "ms";
                    swiper.slides[i].querySelector(".slide-inner").style.transition =
                    speed + "ms";
                }
            }
        }
    };

    var swiper = new Swiper(".swiper-container", swiperOptions);

    // DATA BACKGROUND IMAGE
    var sliderBgSetting = $(".slide-bg-image");
    sliderBgSetting.each(function(indx){
        if ($(this).attr("data-background")){
            $(this).css("background-image", "url(" + $(this).data("background") + ")");
        }
    });


</script>	  
</body>
<script>
  AOS.init();
</script>
</html>