bnmbertsu,yu,yu,fffffffy,ltdfg

hjkhhndndndnd,trt bnmbertsu,yu,yu,fffffffy,ltdfg

<!DOCTYPE html><html lang="en" dir="ltr"><head>
	
	
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="keywords" content="chemical, company, construction, corporate business, energy industry, engineering, factory, industrial, industry, manufacturing, mechanical, mining, oil gas petroleum plant, pharmaceutical, refinery">
	<meta name="author" content="DexignZone">
	<meta name="robots" content="">
	<meta name="description" content="Mazo - Industry &amp; Factory Bootstrap 5 HTML Template + RTL">
	<meta property="og:title" content="Mazo - Industry &amp; Factory Bootstrap 5 HTML Template + RTL">
	<meta property="og:description" content="Mazo - Industry &amp; Factory Bootstrap 5 HTML Template + RTL">
	<meta property="og:image" content="images/social-image.png">
	<meta name="format-detection" content="telephone=no">
	
	
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	
	<title>Highway Treads</title>
    
	
    <link rel="icon" type="image/png" href="images/favicon.png">
    
	
	<link href="css/magnific-popup.min.css" rel="stylesheet">
	<link href="css/lightgallery.min.css" rel="stylesheet">
	<link href="css/perfect-scrollbar.css" rel="stylesheet">
	<link href="css/swiper-bundle.min.css" rel="stylesheet">
	<link href="css/aos.css" rel="stylesheet">
	
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&amp;family=Roboto:wght@100;300;400;500;700;900&amp;family=Rubik:wght@300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
	
	
    <link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" class="skin" href="css/skin-2.css">
	<link rel="stylesheet" href="css/rangeslider.css">
    <link rel="stylesheet" href="css/switcher.css">
	
</head>
<body id="bg" class="theme-sharped">
<div id="loading-area">
	<div class="loading-inner style-1">
		
		<div class="load-text">
			<span data-text="H" class="text-load">H</span>
			<span data-text="I" class="text-load">I</span>
			<span data-text="G" class="text-load">G</span>
			<span data-text="H" class="text-load">H</span>
            <span data-text="W" class="text-load">W</span>
            <span data-text="A" class="text-load">A</span>
             <span data-text="Y" class="text-load">Y</span>
              
		</div>
	</div>
</div>
<div class="page-wraper">
	
    
    
    	
        <div class="icon-bar">
      
                 <a href="https://www.facebook.com/HighwayTreads" target="_blank" class=" facebook"> <i class="fab fa-facebook-f"></i></a> 
           <a href="https://www.youtube.com/channel/UCIH1Qr4VWsSw7MZMZvF6UgA" target="_blank" class="instagram">  <i class="fab fa-youtube"></i></a> 
           
           
          
              
            
</div>
    
    
    
	<header class="site-header mo-left header-transparent style-2 header-overlay">
		
		<div class="top-bar">
			<div class="container-fluid">
				<div class="dz-topbar-inner d-flex justify-content-between align-items-center">
					<div class="dz-topbar-left">
						
					</div>
					<div class="dz-topbar-right">
						<ul class="dz-social">
                        
                        <li><i class="far fa-clock"></i>For Tyres +(91)-82830-01111</li>
                        <li><i class="far fa-clock"></i>For Bio Fuel +(91)-95923-11231</li>
							<li><a target="_blank" class="fab fa-facebook-f" href="https://www.facebook.com/HighwayTreads"></a></li>
							
							<li><a target="_blank" class="fab fa-youtube" href="https://www.youtube.com/channel/UCIH1Qr4VWsSw7MZMZvF6UgA"></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="sticky-header main-bar-wraper navbar-expand-lg">
			<div class="main-bar clearfix">
				<div class="container-fluid clearfix">
					
					<div class="logo-header mostion">
						<a href="index.html" class="light-logo logo-white">
							<img src="images/logo1.png" alt="">
						</a>
						<a href="index.html" class="dark-logo logo-dark">
							<img src="images/logo.png" alt="">
						</a>
					</div>
					
					<button class="navbar-toggler collapsed navicon justify-content-end" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
						<span></span>
						<span></span>
						<span></span>
					</button>
					
					<div class="extra-nav">
						<div class="extra-cell">
							
							<a href="https://www.facebook.com/HighwayTreads" target="_blank" class="btn shadow-primary btn-primary btn-quote">
								<i class="flaticon-briefing"></i>
								<span>Facebook</span>
							</a>
                            <a href="https://www.youtube.com/channel/UCIH1Qr4VWsSw7MZMZvF6UgA" target="_blank" class="btn shadow-primary btn-primary btn-quote">
								<i class="flaticon-briefing"></i>
								<span>Youtube</span>
							</a>
                            <a href="contact-us.html" class="btn shadow-primary btn-primary btn-quote">
								<i class="flaticon-briefing"></i>
								<span>REQUEST A QUOTE</span>
							</a>
						</div>
					</div>
					
					
					<div class="dz-quik-search">
						<form action="#">
							<input name="search" value="" type="text" class="form-control" placeholder="Enter Your Keyword ...">
							<span id="quik-search-remove"><i class="ti-close"></i></span>
						</form>
					</div>
					<div class="header-nav navbar-collapse collapse justify-content-start nav-style-1" id="navbarNavDropdown">
						<div class="logo-header logo-dark">
							<a href="index.html"><img src="images/logo.png" alt=""></a>
						</div>
						<ul class="nav navbar-nav">	
							<li class="active has-mega-menu homedemo sub-menu-down"> <a href="index.html">Home</a>
								
							</li>
							<li class=""><a href="about-us.html">About us</a>
								
							</li>
							<li class=""><a href="products.html">Products</a>
								
							</li>
							 
							<li><a href="contact-us.html">Contact Us</a></li>
						</ul>
						<div class="dz-social-icon">
							<ul>
								<li><a target="_blank" class="fab fa-facebook-f" href="https://www.facebook.com/HighwayTreads"></a></li>
							
							<li><a target="_blank" class="fab fa-youtube" href="https://www.youtube.com/channel/UCIH1Qr4VWsSw7MZMZvF6UgA"></a></li>
							</ul>
						</div>	
					</div>
				</div>
			</div>
		</div>
		
	</header>
	
	 
		
		<div class="slider-3">
			<div class="swiper-container main-silder-swiper silder-three">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="dz-slide-item overlay-black-middle" style="background-image:url(images/slider1.jpg);">
							<div class="container">
								<div class="silder-content" data-swiper-parallax="-40%">
									<div class="inner-content">
										<h5 class="sub-title text-primary">Biofuel Pellets</h5>
										<h2 class="title">Biomass Fuel Pellets</h2>
										<a href="products.html" class="btn shadow-primary btn-primary">Read More</a>
									</div>
								</div>
							</div>
						</div>
					</div>
                    
                   
					<div class="swiper-slide">
						<div class="dz-slide-item overlay-black-middle" style="background-image:url(images/slider2.jpg);">
							<div class="container">
								<div class="silder-content" data-swiper-parallax="-40%">
									<div class="inner-content">
										<h5 class="sub-title text-primary">Highway Testing Labs</h5>
										<h2 class="title">Coal &amp; Biomass Testing Lab</h2>
										<a href="products.html" class="btn shadow-primary btn-primary">Read More</a>
									</div>
								</div>
							</div>
						</div>
					</div>
                     
                    
                    
                     
                     <div class="swiper-slide">
						<div class="dz-slide-item overlay-black-middle" style="background-image:url(images/slider4.jpg);">
							<div class="container">
								<div class="silder-content" data-swiper-parallax="-40%">
									<div class="inner-content">
										<h5 class="sub-title text-primary">Highway Resole Tyres</h5>
										<h2 class="title">Retreading your Tyres</h2>
										<a href="products.html" class="btn shadow-primary btn-primary">Read More</a>
									</div>
								</div>
							</div>
						</div>
					</div>
                    
				</div>
				<div class="btn-prev swiper-button-prev1"><i class="las la-arrow-left"></i></div>
				<div class="btn-next swiper-button-next1"><i class="las la-arrow-right"></i></div>
			</div>
			<a class="down-side" href="#aboutUs">
				<i class="fas fa-long-arrow-alt-down"></i>
			</a>
		</div>
        
        <style>
		.imgboxsdo {
			box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
		}
		.pad95-50-top-bottom {
    padding: 65px 0px 50px;
}
		
		</style>
        
        
        
       
		
		
		<section class="content-inner" style="background-image: url(images/pt-bg1.png), url(images/pt-bg2.png);background-size: 50%;background-repeat: no-repeat;background-position: right top, left bottom;">
			<div class="container">
				<div class="row align-items-center about-bx2">
					<div class="col-xl-5 col-lg-6 m-lg-b30 aos-item aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
						<div class="dz-media about-media">
							<img src="images/pic1_2.jpg" class="img-thumbnail imgboxsdo" alt="" class="aos-item" data-aos="fade-down" data-aos-duration="800" data-aos-delay="400">
							<div class="year-exp aos-item" data-aos="fade-up" data-aos-duration="800" data-aos-delay="500">
								<h2 class="year text-primary">41</h2>
								<h4 class="text">Years Of<br>Experience</h4>
							</div>
						</div>
					</div>
					<div class="col-xl-6 col-lg-6 offset-xl-1 m-b15 aos-item" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="600">
						<div class="section-head style-1">
							<h6 class="text-primary sub-title">Welcome to</h6>
							<h2 class="title">Highway Treads</h2>
                            
                            
                            <p align="justify">We converting waste products into high quality Bio Fuel and other renewable energy sources. We continuously upgrading our capability and quality improvement services through the innovation of scientific and technical knowledge. Our company is also a leading Resole tyre company in punjab.
						</div>
                        
						
								<ul class="list-square-check grid-2">
									<li>Highway Biofuel</li>
									<li>Biofuel Pellets Customized</li>
									<li>Pellet Furnace</li>
									<li>Coal Biomass Testing Lab</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		
	
		
        
        
        
         <style>
		.imgboxsdo {
			box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
		}
		.pad95-50-top-bottom {
    padding: 65px 0px 50px;
}

/*=======testimonial page end========*/
/*=======service page========*/
 .head-section.service-head h3 {
     margin: 20px 0px;
}
 .service-list-column{
     float:left;
}
 .service-list-column img{
     width:100%;
     float:left;
     height:auto;
	     background: #fff;
    padding: 6px;
}
 .service-list-column .service-heading{
  width: 100%;
    float: left;
    /* border-left: 4px solid #fff; */
    padding: 9px 10px 10px 0px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    background: #007930;
    text-align: center;

}
 .service-list-column .service-heading h5{
     font-size:25px;
     margin-bottom:8px;
     color: #ffff;
}
 .service-list-column a:hover{
     text-decoration:none;
}
.read-more-link{
	 color: #fff !important;
}

/* .service-list-column:hover .read-more-link{
	 color: #007930;
}*/
 .service-list-column .service-manufactureicon, .service-list-column .service-cncicon, .service-list-column .service-chemicalicon, .service-list-column .service-energyicon, .service-list-column .service-oilicon, .service-list-column .service-materialicon{
     background-size:47px;
     background-position:20px center;
}

.left-column{
     width:28.8%;
     float:left;
}
 .left-column.right-left-column{
     float:right;
}
 ul.category-list{
     width:100%;
     float:left;
     margin:0px 0px 70px;
     padding:0px;
}
 ul.category-list li{
     list-style:none;
     float:left;
     font-size:15px;
     font-family: 'Futura', sans-serif;
     font-weight:700;
     text-transform:uppercase;
     width:100%;
     border-bottom:1px solid #cacaca;
}
 ul.category-list li a{
     color:#242424;
     text-decoration:none;
     padding:15px;
     display:block;
     margin:-1px 0px;
}
 ul.category-list li a:hover, ul.category-list li a.active-category{
     color:#000;
     background:#f2ae2b;
}
ul.category-list li i.fa {
     display: none;
}
 .office-info-col{
     margin-bottom:73px;
}
 ul.office-information{
     width:100%;
     float:left;
     margin:0px;
     padding:0px;
}
 ul.office-information li{
     list-style:none;
     float:left;
     width:100%;
     position:relative;
}
 ul.office-information li:before {
     position: absolute;
     font-family: 'FontAwesome';
     top: 3px;
     left: 0px;
     font-size: 23px !important;
     color: #f2ae2b;
}
 ul.office-information li.office-loc:before {
     content: "\f041";
     top: 9px;
}
 ul.office-information li.office-phn:before{
     content: "\f095";
     top: 8px;
}
 ul.office-information li.office-msg:before {
     content: "\f0e0";
     font-size:18px!important;
     top: 10px;
}
 ul.office-information li .info-txt{
     width:90%;
     float:right;
     font-size:16px;
     color: #bcbcbc;
     border-left:1px solid #8e8e8e;
     padding:10px;
}
 ul.office-information li .info-txt.fnt_17{
     font-size:17px;
}
 .contact-help{
     width:100%;
     float:left;
     padding:40px 0px 0px 20px;
     background:url(../images/contact-help-bg.jpg) no-repeat center top;
/*     border-bottom:4px solid #ffae13;*/
     background-size:cover;
     position:relative;
}
 .contact-help h4{
     color:#fff;
     text-transform:none;
}
 .contact-help p{
     color:#bebebe;
     line-height:26px;
     padding:3px 86px 52px 0px;
}
 .contact-help:after{
    background:url(../images/phone-green.png) no-repeat right bottom;
     position:absolute;
     right:0px;
     bottom:-1px;
     width:100px;
     height:141px;
     content:"";
}
 a.pdf-button{
     font-size:18px;
     color:#242424;
     font-weight:700;
     font-family: 'Futura', sans-serif;
     text-decoration:none;
     background:url(../images/pdf-icon.jpg) no-repeat 0px 0px;
     text-transform:uppercase;
     padding:20px 0px 21px 80px;
     width:100%;
     float:left;
}
 a.pdf-button:hover{
     color:#ffae13;
}
 .right-column{
     width:70%;
     float:right;
}
 .right-column h3{
     margin-bottom:30px;
     font-weight:600;
}
 .service-right-desc{
     width:100%;
     float:left;
     margin-bottom: 50px;
}
 .service-right-desc img{
     width:100%;
     float:left;
     height:auto;
}
 .service-right-desc h5{
     font-size:17px;
     font-weight:700;
     text-transform:none;
     font-family: 'Futura', sans-serif;
     line-height:30px;
	 margin: 40px 0px 20px;
     width:100%;
     float:left;
}
 .specialization-cl{
     width:100%;
     float:left;
	 margin-bottom: 50px;
}
 .special-img{
     width:50%;
     float:left;
}
 .special-img.chemical-special-img{
     float:right;
}
 .special-img img{
     width:100%;
     float:left;
     height:auto;
}
 .special-text{
     width:45%;
     float:right;
}
 .special-text.chemical-special-txt{
     float:left;
}
 .special-text.project-mission{
     width:100%;
     float:left;
}
 .service-detail{
     width:100%;
     float:left;
}
 .choose_Accordian_Wdt{
     width:60%;
     float:left;
}
 .have-queston{
     width:36.7%;
     float:right;
     background:#f2ae2b;
     text-align:center;
     padding:21px 26px;
}
 .have-queston p{
     font-size:24px;
     color:#000;
     font-weight:300;
     line-height:25px;
}
 .have-queston h3{
     font-size:24px;
     color:#000;
     margin:20px 0px;
}
 .header-requestbtn.black-request-btn{
     background:#000;
     display:inline-block;
     float:none;
     color:#fff;
}
 .cnc-img{
     width:56.3%;
     float:left;
}
 .cnc-img.cnc-img2{
     width:42.3%;
     float:right;
}
 .portfoio-section{
	 padding: 0px 0px 20px;
}
 .portfoio-section3{
	 padding: 0px 0px 30px;
}
 .blog-list-cl{
     width:100%;
     float:left;
     margin-bottom:60px;
}
 .blog-list-cl.mar-btmnone{
     margin-bottom:0px;
}
 .blog-list-cl h6{
     font-size:20px;
     text-transform:none;
     font-weight:600;
     width:60%;
     float:left;
     line-height:30px;
}
 .blog-list-cl h6.wdt-100{
     width:100%;
}
 .blog-list-cl h6 a{
     color:#242424;
     text-decoration:none;
}
 .blog-list-cl h6 a:hover{
     color:#f2ae2b;
}
 .blog-img{
     width:100%;
     float:left;
     position:relative;
     margin-bottom:30px;
}
 .blog-img img{
     width:100%;
     float:left;
     height:auto;
}
 .blog-timing{
     width:79px;
     padding:18px 10px;
     background:#f2ae2b;
     position:absolute;
     left:0px;
     bottom:0px;
     text-align:center;
}
 .blog-timing h5{
     font-size: 30px;
     color: #000;
     font-weight: 700;
     font-family: 'Futura', sans-serif;
     line-height: 32px;
}
 .blog-timing span{
     font-size: 16px;
     color: #000;
     font-weight: 400;
     font-family: 'Futura', sans-serif;
     text-transform: uppercase;
}
 .blog-list-cl p a{
     color:#000;
     text-decoration:none;
}
 .blog-list-cl p a:hover{
     color:#f2ae2b;
}
 .blog-head{
     width:100%;
     float:left;
     margin-bottom:20px;
     border-bottom:1px solid #ccc;
     padding-bottom:20px;
}
 .blog-list-cl ul{
     margin:3px 0px;
     padding:0px;
     float:right;
}
 .blog-list-cl ul.blog-wdt{
     width:100%;
     float:left;
     margin:10px 0px 0px;
}
 .blog-list-cl ul li{
     list-style:none;
     float:left;
     font-size: 13px;
     color:#242424;
     padding:3px 20px 3px 30px;
     border-right:1px solid #666;
     margin-right:20px;
	 text-transform: uppercase;
}
 .blog-list-cl ul li:last-child{
     border-right:0px;
}
 .date_icon{
     background:url(../images/blog-icons-list.png) no-repeat 0px -2px;
}
 .author_icon{
     background:url(../images/blog-icons-list.png) no-repeat 0px -108px;
}
 .blog_icon{
     background:url(../images/blog-icons-list.png) no-repeat 0px -220px;
}
 .pagination{
     width:100%;
     float:left;
     margin:0px;
}
 .pagination ul{
     margin:0px;
     padding:0px;
}
 .pagination ul li{
     list-style:none;
     float:left;
     font-size:14px;
     background:#efefee;
     font-family: 'Futura', sans-serif;
     font-weight:600;
     margin-right:5px;
     width:40px;
}
 .pagination ul li a{
     color:#929292;
     text-decoration:none;
     height:40px;
     text-align:center;
     line-height:40px;
     display:block;
}
 .pagination ul li.prev-next{
     width:109px;
}
 .pagination ul li a:hover, .pagination ul li a.active-page{
     background:#383838;
     color:#fff;
}
 ul.blog-category-cl{
     margin:0px;
     padding:0px;
}
 ul.blog-category-cl li{
     list-style:none;
     float:left;
     width:100%;
     font-size:16px;
     border-bottom:1px solid #ccc;
}
 ul.blog-category-cl li a{
     color:#242424;
     text-decoration:none;
     padding:8px 17px;
     display:block;
     position:relative;
}
 ul.blog-category-cl li a:before{
     content: "\f105";
     position: absolute;
     font-family: 'FontAwesome';
     top: 8px;
     left: 0px;
     font-size: 15px !important;
     color: #000;
}
 ul.blog-category-cl li a:hover{
     color:#f2ae2b;
}
 ul.blog-category-cl li a:hover:before{
     color:#f2ae2b;
}
 .post-list{
     width:100%;
     float:left;
     border-bottom:1px solid #ccc;
     padding:20px 0px;
}
 .post-list .post-img{
     width:79px;
     height:79px;
     float:left;
}
 .post-list .post-img img{
     border:1px solid #bfbfbf;
}
 .post-list .post-txt{
     width:70%;
	float: left;
    padding-left: 15px;
}
 .post-list .post-txt h5{
     font-size:13px;
     color:#575757;
     line-height:20px;
     font-weight:600;
     margin-bottom:5px;
}
 .post-list .post-txt a.read-more{
     font-size:13px;
     color:#e29b12;
     text-decoration:none;
     text-transform:uppercase;
     font-family: 'Futura', sans-serif;
     font-weight:600;
}
 .post-list .post-txt a.read-more:hover{
     text-decoration: underline;
}
 ul.tag-cloud{
     margin:0px;
     padding:0px;
}
 ul.tag-cloud li{
     list-style:none;
     float:left;
     font-size:13px;
     margin-right:6px;
     margin-bottom:6px;
}
 ul.tag-cloud li a{
     color:#333;
     padding:10px 20px;
     display:block;
     border:1px solid #ccc;
}
 ul.tag-cloud li a:hover{
     background:#f2ae2b;
     border:1px solid #f2ae2b;
     color:#000;
     text-decoration:none;
}
 .blog-graylist{
     width:100%;
     float:left;
     background:#e9e9e9;
     padding:42px 30px;
     margin:50px 0px;
}
 .blog-graylist ul{
     margin:0px;
     padding:0px;
}
 .blog-graylist ul li{
     list-style:none;
     float:left;
     width:50%;
     background:url(../images/blog-graybg-arrow.png) no-repeat 0px 9px;
     font-size:16px;
     color:#000;
     border-right:0px;
     margin:2px 0px;
     padding-left:30px;
}
 .blog-testimonial{
     width:100%;
     float:left;
     background:url(../images/blog-testimonial-quote.png) no-repeat 0px 0px;
     padding:0px 0px 0px 82px;
     margin-bottom:50px;
}
 .blog-testimonial p{
     margin-bottom:20px;
}
 .blog-testimonial .client-name{
     font-size:17px;
     color:#eaa011;
     font-style:italic;
}
 .shares-col{
     background:#f2ae2b;
     width:auto;
     float:left;
     padding:7px 30px;
     margin-bottom:60px;
}
 .shares-col p{
     width:auto;
     float:left;
     color:#000;
     font-size:16px;
     text-transform:uppercase;
     margin-right:20px;
}
 .shares-col .header-socials{
     margin-right:0px;
     border-left:1px solid #000;
     padding:7px 15px;
     margin:0px;
}
 .shares-col .header-socials a{
     height:16px;
     line-height:16px;
}
 .shares-col .header-socials i{
     color:#000;
     width:auto;
     line-height:inherit;
}
 .shares-col .header-socials i:hover{
     color:#fff;
}
 .leave-reply-column{
     width:75%;
     float:left;
}
 .form-field{
     margin-bottom:8px;
}
 .form-field:last-child{
     margin-bottom:0px;
}
 .form-field label{
     width:100%;
     float:left;
     font-size:16px;
     color:#000;
}
 .form-field .form-input, .form-field .form-comment{
     width:100%;
     float:left;
     font-size:15px;
     color:#939393;
     border:1px solid #a3a3a3;
     padding:18px;
     font-family: 'Futura', sans-serif;
}
 .form-field.input-halfrght{
     padding-right:5px;
}
 .form-field.input-halflft{
     padding-left:5px;
}
 .form-submit-btn{
     width:auto;
/*     background:#313131;*/
background:#00943A ;
     font-size:17px;
     color:#fff;
     text-transform:uppercase;
     text-align:center;
     padding:13px 30px;
     border:0px;
     font-weight:700;
}
 .form-submit-btn:hover{
     background:#333;
     color:#dedede;
}

.comingsoon-page{
     width:100%;
     float:left;
     text-align:center;
     padding:100px 0px;
}
 .comingsoon-page .logo{
     display:inline-block;
     float:none;
}
 .comingsoon-page h2{
     font-size:60px;
     color:#000;
     font-family: 'Futura', sans-serif;
     font-weight:700;
     margin:35px 0px 59px;
}
 ul.coming-list{
     width:100%;
     margin:0px 0px 50px;
     padding:0px;
     float:left;
}
 ul.coming-list li{
     list-style:none;
     display:inline-block;
     width:136px;
     height:136px;
     border:1px solid #000;
     border-radius:100%;
     text-align:center;
     text-transform:uppercase;
     color:#000;
     padding:37px 0px;
     margin:0px 25px;
     background:#f2ae2b;
}
 ul.coming-list li .number{
     font-size:72px;
     font-weight:700;
     font-family: 'Futura', sans-serif;
     line-height:40px;
}
 ul.coming-list li .day{
     font-size:18px;
     font-weight:300;
     width:100%;
     float:left;
}
 a.header-requestbtn.home-link{
     font-size:14px;
     background:#000;
     color:#fff;
     float:none;
     display:inline-block;
     padding:10px 33px;
}
 a.header-requestbtn.home-link:before{
     background:#e09505;
}
 a.header-requestbtn.home-link:hover{
     color:#000;
}

.image_hover:after {
    position: absolute;
    content: '';
    opacity: 0;
    /* background-color: rgba(0,0,0,.2); */
    background-color: rgba(222, 222, 222, .2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s ease-out;
}

.image_hover {
    position: relative;
    display: block;
    overflow: hidden;
}

</style>
	
        
        
       
            
            
            
            
             <section class="why-choose-quote ptb-100" style="background:#f8fff7;">
            <div class="container">
            
              <!--<div class="row h-100 align-items-center" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
            
             <div class="col-lg-4"></div>
            <div class="col-lg-4 mb-2" align="center">
                    
                    
<audio controls autoplay>
  <source src="highway.mp3" type="audio/ogg">
  <source src="highway.mp3" type="audio/mpeg">
  
</audio>

</div>
                     <div class="col-lg-4"></div>
                    
                    </div>-->
            
            
            
                <div class="row h-100 align-items-center" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
                
                
                 <div class="col-lg-12">
                
                <iframe width="100%" height="400" src="https://www.youtube.com/embed/gdQvM36veLo?si=VEMd5y2a5YNX0Aez" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
                
                  
                    
                     
                    
                    </div>
                    
                    </div>
                    </section>
            
            
        
        
        
        
        <section class="pad95-50-top-bottom section-full content-inner overlay-black-dark" id="dzProjects" style="background-image: url(images/bg-8.jpg); background-size: cover; background-position: center;" >
         <div class="container">
            <h3 class="text-center mb-4" style="color:#fff;"> What We Offer</h3>
            <div class="row" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
            
            
            <div class="swiper-container team-swiper2">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
								  <div class="dz-team style-1 text-center overlay-shine aos-item" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
            
               <div class="col-md-12 col-sm-12 col-xs-12 marbtm50 service-list-column" >
                  <a href="">
                     <span class="image_hover"> <img src="images/p-1-1.jpg" class="img-responsive zoom_img_effect " alt="Manufacture-image" ></span>
                     <div class="service-heading service-manufactureicon">
                        <h5> Coconut</h5>
                        <span class="read-more-link">Shell Powder</span>
                  </div>
                 </a>
              </div>
              </div>
              </div>
              <div class="swiper-slide">
               <div class="dz-team style-1 text-center overlay-shine aos-item" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
                <div class="col-md-12 col-sm-12 col-xs-12 marbtm50 service-list-column" >
                  <a href="">
                     <span class="image_hover"> <img src="images/p-2-2.jpg" class="img-responsive zoom_img_effect" alt="CNC-image"></span>
                     <div class="service-heading service-cncicon">
                        <h5> Biomass</h5>
                        <span class="read-more-link"> Fuel Pellets </span>
                      
                        
                        
                     </div>
                  </a>
               </div>
               </div>
               </div>
               <div class="swiper-slide">
               
                <div class="dz-team style-1 text-center overlay-shine aos-item" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
              <div class="col-md-12 col-sm-12 col-xs-12 marbtm50 service-list-column" >
                  <a href="">
                     <span class="image_hover"><img src="images/p-3-3.jpg" class="img-responsive zoom_img_effect" alt="Chemical-image"></span>
                     <div class="service-heading service-chemicalicon">
                        <h5> Coal & Biomass</h5>
                        <span class="read-more-link">Testing Labs  </span>
                     </div>
                  </a>
               </div>
               
               </div>
               </div>
               <div class="swiper-slide">
                <div class="dz-team style-1 text-center overlay-shine aos-item" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
               <div class="col-md-12 col-sm-12 col-xs-12 marbtm50 service-list-column" >
                  <a href="">
                     <span class="image_hover"> <img src="images/p-4-4.jpg" class="img-responsive zoom_img_effect" alt="Energy-image"></span>
                     <div class="service-heading service-energyicon">
                        <h5>Pellet Furnace</h5>
                        <span class="read-more-link"> Environment Friendly</span>
                     </div>
                  </a>
               </div>
                </div>
                
                </div>
                
                
                <div class="swiper-slide">
                
                  <div class="dz-team style-1 text-center overlay-shine aos-item" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
               <div class="col-md-12 col-sm-12 col-xs-12 marbtm50 service-list-column" >
                  <a href="">
                     <span class="image_hover"> <img src="images/p-6-6.jpg" class="img-responsive zoom_img_effect" alt="Energy-image"></span>
                     <div class="service-heading service-energyicon">
                        <h5>Resole Old Tyres</h5>
                        <span class="read-more-link">&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                     </div>
                  </a>
               </div>
                </div>
                </div>
                
                
                
                
              
                </div>
                </div>
                
                
            </div>
         </div>
      </section>
      
      
      <section class="content-inner-1" style="background-image:url(images/pt-bg6.jpg);background-position: left bottom ;background-size: 70%;background-repeat: no-repeat;">
      
       <div class="container" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
       <div class="section-head style-1 text-center">
				 
					<h2 class="title">Retreading All Types Commercial Tyres</h2>
				</div>
                
                <div class="row">
         <div class="col-md-1 col-sm-1 col-xs-1"></div>
           <div class="col-md-10 col-sm-10 col-xs-10" align="center">
  <div id="comparison">
    <figure>
     <div class="bg-left-img ">
      <h4 class="tex1-p">Before</h4>
      <div id="handle">
       
      </div>
      </div>
        <div class="bg-right-img ">
        <h4 class="tex1-p">After</h4>
      <div id="divisor"></div>
      </div>
      
    </figure>
    <input type="range" min="0" max="100" value="50" id="slider" oninput="moveDivisor()">
  </div>
  </div>
  
   <div class="col-md-1 col-sm-1 col-xs-1"></div>
   </div>
   
  
 </div>
		 
         </section>
         
         
         
         
        <!--<section class="w3l-grids-3 py-5" id="flipbg">
    <div class="container py-md-5">
      <div class="w3flip-content">
        <div class="row">
        <div class="section-head style-1 text-center">
				 
					<h2 class="title">Retreading All Type Commercial Tyres</h2>
				</div>
        
          <div class="col-md-6 bg-left px-lg-0">
            <div class="bg-left-img position-relative">
              <img src="images/ab1.jpg" class="img-fluid" alt="">
              <h4 class="tex1-p">Before</h4>
            </div>

</div>
          <div class="col-md-6 mt-md-0 mt-4 bg-right px-lg-0">
            <div class="bg-right-img position-relative">
              <img src="images/ab2.jpg" class="img-fluid" alt="">
              <h4 class="tex1-p">After</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section> -->

function moveDivisor() {
  handle.style.left = slider.value+"%";
	divisor.style.width = slider.value+"%";
}

window.onload = function() {
	moveDivisor();
};
</script>
    
    
    <style>
	
	
	.position-relative {
    position: relative !important;
}

.bg-left-img h4.tex1-p {
    position: absolute;
    color: #fff;
       left: 20px;
    top: 15px;
    z-index: 98;

}

.bg-right-img h4.tex1-p {
       position: relative;
    color: #fff;
    right: 10px;
    top:401px;
    float: right;
	z-index: 98;

}

.w3l-grids-3 {
    background: var(--bg-light);
}
	
	
     
#comparison {
	width: 100%;
	padding-bottom: 47%;
	overflow: hidden; 
  position: relative;
}

figure { 
  position: absolute;
	background-image:url(images/ab2.jpg);
	background-size: cover;
	font-size: 0;
	width: 100%;
	height: 100%;
	margin: 0; 
}

#divisor { 
	background-image: url(images/ab1.jpg);
	background-size: cover;
	position: absolute;
	width: 100%; 
	box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
	bottom: 0; height: 100%;
  
  &::before,
  &::after {
    content: '';
    position: absolute;
    right: -2px;
    width: 4px;
    height: calc(50% - 25px);
    background: white;
    z-index: 3;
  }
  &::before {
    top: 0;
    box-shadow: 0 -3px 8px 1px rgba(0,0,0,.3);
  }
  &::after {
    bottom: 0;
    box-shadow: 0 3px 8px 1px rgba(0,0,0,.3);
  }
}
#handle {
  position: absolute;
  height: 50px;
  width: 50px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 1;
  
  &::before,
  &::after {
    content: '';
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
  }
  &::before {
    border-right: 6px solid white;
    left: 50%;
    margin-left: -17px;
  }
  &::after {
    border-left: 6px solid white;
    right: 50%;
    margin-right: -17px;
  }
}

input[type=range]{
	-webkit-appearance:none;
	-moz-appearance:none;
	position: absolute;
	top:50%; left: -25px;
  transform: translateY(-50%);
	background-color: transparent;
	width: calc(100% + 50px); 
  z-index: 2;
  
  &:focus,
  &:active {
    border: none;
    outline: none;
  }
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: transparent;
  border: 4px solid white;
  box-shadow: 0 0 8px 1px rgba(0,0,0,.3);
}
input[type=range]::-moz-range-track {
	-moz-appearance:none;
	height:15px;
	width: 100%;
	background-color: transparent; 
	position: relative;
	outline: none;    
}
    </style>
        
        
        
        
        
        
        
        
        
        
        
		<!--<section class="bg-secondary counter-area-1">
			<div class="container">
				<div class="row ">
					<div class="col-lg-6 col-md-6 aos-item content-inner aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
						<div class="section-head style-1 text-white">
							<h5 class="text-primary sub-title">what We Do</h5>
							<h2 class="title mb-4">What We Offer For You</h2>
							<p>We are social beings, and having company can provide emotional support, shared experiences in form of high quality products.</p>
						 
                         <ul class="list-square-check2">
									<li>Biomass Fuel Pellets</li>
									<li>Coconut Shell Powder</li>
									<li>Coal & Biomass Testing</li>
									<li>Resole Old Tyres</li>
                                    <li>Commercial Customised pellet Furnace</li>
								</ul>

</div>
						
					</div>
					<div class="col-lg-1 col-md-1 content-inner counter-col align-self-center">
						<div class="counter-inner row">
                        
                        <div class="col-md-12 aos-item aos-init" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
								<div class="icon-bx-wraper left style-4 m-b30">
									<div class="icon-lg"> 
										<span class="icon-cell text-primary">
											<i class="flaticon-employee"></i>
										</span> 
									</div>
									<div class="icon-content">
										<h2 class="dz-title counter">41</h2>
										<p>Years Of Experience</p>
									</div>
								</div>
							</div>
                        
                        <div class="col-md-12 col-sm-6 aos-item aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="600">
								<div class="icon-bx-wraper left style-4 m-b30">
									<div class="icon-lg"> 
										<span class="icon-cell text-primary">
											<i class="flaticon-smile"></i>
										</span> 
									</div>
									<div class="icon-content">
										<h2 class="dz-title counter"> 190730</h2>
										<p>Happy Customers</p>
									</div>
								</div>
							</div>
                        
                        
							<div class="col-md-12 col-sm-6 aos-item aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
								<div class="icon-bx-wraper left style-4 m-b30">
									<div class="icon-lg"> 
										<span class="icon-cell text-primary">
											<i class="flaticon-briefing"></i>
										</span> 
									</div>
									<div class="icon-content">
										<h2 class="dz-title counter">24730</h2>
										<p> Products Subscription</p>
									</div>
								</div>
							</div>
							
							
						</div>
					</div>
					<div class="col-lg-5 col-md-5">
						<div class="media-full">
							<img src="images/pic3-55.jpg" class="img-cover" alt="">
						</div>
					</div>
				</div>
			</div>
		</section>-->
		
		
		 
		
		 
		
		
		
		
		
        
        
        
			 
		
        
        <section class="why-choose-quote ptb-100" style="background:#f8fff7;">
            <div class="container">
                <div class="row h-100 align-items-center" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
                    <div class="col-lg-6">
                        <div class="why-choose-content">
							<div class="section-title">
                                <div class="row h-100 align-items-center">
                                    <div class="col-lg-12 col-md-12">
                                        
                                        
                                        <div class="section-head style-1 ">
					
					<h2 class="title">Why Choose Us</h2>
				</div>
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-sm-6 col-md-6 col-6 ">
                                    <div class="single-inner-box">
                                        <div class="icon">
                                            <i class="flaticon-employee"></i> 
                                        </div>
                                        <h3>41</h3>
                                        <p>Years Of Experience </p>
                                    </div>
                                    
                                    
                                  
							
                                                                
                                </div>

<div class="col-lg-6 col-sm-6 col-md-6 col-6">
                                
                                
                                    <div class="single-inner-box">
                                        <div class="icon">
                                        <i class="flaticon-smile"></i>
                                            
                                        </div>
                                        <h3>190730</h3>
                                        <p>Happy Customers </p>
                                    </div>
                                    
                                    
                                </div>
 
                                <div class="col-lg-6 col-sm-6 col-md-6 col-6">
                               
                                
                                    <div class="single-inner-box">
                                        <div class="icon">
                                            
                                            <i class="flaticon-briefing"></i>
                                        </div>
                                        <h3>24730</h3>
                                        <p>Products Subscription</p>
                                    </div>
                                </div>

<div class="col-lg-6 col-sm-6 col-md-6 col-6">
                                    <div class="single-inner-box">
                                        <div class="icon">
                                        <i class="fa fa-users"></i>
                                           
                                        </div>
                                        <h3>5000</h3>
                                        <p> Resole Old Tyres</p>
                                    </div>
                                </div>
                            </div>
						</div>
                    </div>

<div class="col-lg-6">
                        <div class="quote-form">
                            <h3>Enquire Now</h3>

<div class="form-group">
                                    <label>Email:</label>
                                    <input type="email" class="form-control" placeholder="Enter your email">
                                </div>

<div class="form-group">
                                    <label>Subject:</label>
                                    <input type="text" class="form-control" placeholder="Enter your subject">
                                </div>

<div class="form-group">
                                    <label>Message:</label>
                                    <textarea cols="30" rows="4" class="form-control" placeholder="Your message...."></textarea>
                                </div>

<button class="btn btn-primary" type="submit">Submit Now</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3388.867070275737!2d75.22823907605786!3d31.85583233049088!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x391bc2f59ec2d65b%3A0x1a3ac7d767d32b3c!2sThe%20Batala%20Co-Operative%20Sugar%20Mills%20Ltd.!5e0!3m2!1sen!2sus!4v1706095560867!5m2!1sen!2sus" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        
        
        
        <style>
		/*================================================
Why Choose Us CSS
=================================================*/

.ptb-100 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.why-choose-us {
  position: relative;
  z-index: 1;
  background: #ff5202;
}

.why-choose-us-image {
  background-image: url(../../assets/img/why-choose-us.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.why-choose-us-image img {
  display: none;
}

.why-choose-us-content {
  max-width: 565px;
  margin-left: 30px;
}

.why-choose-us-content .section-title {
  margin-bottom: 20px;
}

.why-choose-us-content .section-title h2 {
  color: #ffffff;
}

.why-choose-us-content .section-title .bar {
  background: #ffffff;
}

.why-choose-us-content .section-title span {
  color: #0d1028;
}

.why-choose-us-content p {
  margin-bottom: 0;
  color: #ffffff;
}

.why-choose-us-content .single-inner-box {
  position: relative;
  margin-top: 30px;
  padding-left: 70px;
}

.why-choose-us-content .single-inner-box .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: #0d1028;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
}

.why-choose-us-content .single-inner-box .icon i::before {
  font-size: 25px;
}

.why-choose-us-content .single-inner-box h3 {
  color: #ffffff;
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.why-choose-us-content .single-inner-box p {
  color: #F6F6E2;
  font-size: 14px;
}

.why-choose-us-content .single-inner-box:hover .icon {
  background: #ffffff;
  color: #ff5202;
}

/*why-choose-us-two*/
.why-choose-content .section-title {
  margin-bottom: 10px;
}

.why-choose-content .single-inner-box {
  margin-top: 30px;
}

.why-choose-content .single-inner-box .icon {
  width: 55px;
  height: 55px;
  line-height: 63px;
  background: #e5e5e5;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #007930;
}

.why-choose-content .single-inner-box .icon i::before {
  font-size: 25px;
}

.why-choose-content .single-inner-box h3 {
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 8px;
}

.why-choose-content .single-inner-box:hover .icon {
  background: #007930;
  color: #ffffff;
}

/*================================================
Get a Quote CSS
=================================================*/
.quote-area {
  position: relative;
  z-index: 1;
}

.quote-image {
  background-image: url(../../assets/img/quote.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.quote-image img {
  display: none;
}

.quote-content {
  max-width: 540px;
  margin-left: 30px;
}

.quote-content .section-title {
  margin-bottom: 35px;
}

.quote-content form .row {
  margin-left: -8px;
  margin-right: -8px;
}

.quote-content form .row .col-lg-6, .quote-content form .row .col-lg-12 {
  padding-right: 8px;
  padding-left: 8px;
}

.quote-form {
  background: #007930;
  padding: 35px;
  margin-left: 20px;
}

.quote-form h3 {
  font-size: 30px;
  margin-bottom: 20px;
  color: #ffffff;
}

.quote-form form label {
  color: #ffffff;
  margin-bottom: 8px;
}

.quote-form form .form-control {
     border: none;
    color: #fff;
    background: #83838300;
    font-size: 13px;
    margin-bottom: 10px;
    border: 1px solid;

}

.quote-form form .form-control::-webkit-input-placeholder {
  color: #fff;
}

.quote-form form .form-control:-ms-input-placeholder {
  color: #c1c1c1;
}

.quote-form form .form-control::-ms-input-placeholder {
  color: #c1c1c1;
}

.quote-form form .form-control::placeholder {
  color: #c1c1c1;
}

.quote-form form .btn {
  display: block;
  width: 100%;
}

.quote-form form .btn-primary {
     background: #fff;
    color: #000;
}

.quote-form form .btn-primary:hover, .quote-form form .btn-primary:focus {
  background: #fff;
  color: #000;
}

.quote-form form .btn-primary::before, .quote-form form .btn-primary::after {
  background: #ffffff;
}

.contact-image {
  position: absolute;
  right: 20px;
  top: 90px;
  z-index: -1;
  opacity: .7;
}

.faq-quote-area {
  position: relative;
  z-index: 1;
}

.faq-quote-area .faq-content {
  max-width: unset;
  margin-right: 0;
}

.faq-quote-area .quote-content {
  max-width: unset;
  margin-left: 0;
}

.faq-quote-area .contact-image {
  opacity: 1;
}
		
		</style>
		
		 	
	
	</div>
	
    <footer class="site-footer style-3 overlay-black-dark" id="footer" style="background-image:url(images/bg-8.jpg); background-size: cover; background-attachment: fixed;">
		<div class="footer-top">
            <div class="container">
				<div class="row footer-logo-head spno">
					
					<div class="col-xl-4 col-lg-3 col-sm-6 aos-item" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
						<div class="icon-bx-wraper style-13 m-b15">
							<div class="icon-bx-sm text-primary m-r15 border radius icon-bx">
								<i class="fas fa-phone-alt"></i> 
							</div>
							<div class="icon-content">
								
								<p>For Tyres +(91)-82830-01111</p>
							</div>
						</div>
					</div>
                    
                    <div class="col-xl-4 col-lg-4 col-sm-6 aos-item" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
						<div class="icon-bx-wraper style-13 m-b15">
							<div class="icon-bx-sm text-primary m-r15 border radius icon-bx">
								<i class="fas fa-phone-alt"></i> 
							</div>
							<div class="icon-content">
								
								<p>For Bio Fuel +(91)-95923-11231</p>
							</div>
						</div>
					</div>
					<div class="col-xl-4 col-lg-4 col-sm-6 aos-item" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="600">
						<div class="icon-bx-wraper style-13 m-b15">
							<div class="icon-bx-sm text-primary m-r15 border radius icon-bx">
								<i class="fas fa-envelope-open-text"></i> 
							</div>
							<div class="icon-content">
								
								<p>highwaybtl@gmail.com</p>
							</div>
						</div>
					</div>
				</div>
				<div class="row justify-content-center">
					<div class="col-lg-3 col-md-6 col-sm-12 aos-item" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
						<div class="widget widget_about">
							<div class="widget-title">
								<h4 class="title">About Us</h4>
							</div>
							<p align="justify">We converting waste products into high quality Bio Fuel and other renewable energy sources. We continuously upgrading our capability and quality improvement services through the innovation of scientific and technical knowledge. </p>
							<ul class="social-list">
								<li><a target="_blank" class="fab fa-facebook-f" href="https://www.facebook.com/HighwayTreads"></a></li>
							
							<li><a target="_blank" class="fab fa-youtube" href="https://www.youtube.com/channel/UCIH1Qr4VWsSw7MZMZvF6UgA"></a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-6 aos-item" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="600">
						<div class="widget widget_categories p-l50">
							<div class="widget-title">
								<h4 class="title">Quick Links</h4>
							</div>
							<ul>

<li class="cat-item"><a href="#">Home</a></li>                                         
								<li class="cat-item"><a href="#">About Us</a></li>                                         
								<li class="cat-item"><a href="#">Products</a></li>                                         
								                                          
								<li class="cat-item"><a href="team.html">Contact us</a></li> 
								 
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-6 aos-item" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
						<div class="widget widget_categories">
							<div class="widget-title">
								<h4 class="title">Products</h4>
							</div>
							<ul>
                           
								<li class="cat-item"><a href="#"> Biomass Fuel</a></li>                                         
								<li class="cat-item"><a href="#">Coconut Shell Powder</a></li>                                         
								<li class="cat-item"><a href="#">Coal & Biomass Testing</a></li>                                         
								<li class="cat-item"><a href="#">Resole Old Tyre</a></li>                                         
								<li class="cat-item"><a href="#">Interior Designing</a></li> 
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-md-6 col-sm-12 aos-item" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1000">
						<div class="widget">
							<div class="widget-title">
								<h4 class="title">Contact Us</h4>
							</div>
							 
                            <div class="icon-bx-wraper style-13 m-b15">
							<div class="icon-bx-sm text-primary m-r15 border radius icon-bx">
								<i class="fa  fa-map"></i> 
							</div>
							<div class="icon-content">
								
								<p>Opposite Batala Sugar mill, National Highway,District Gurdaspur, Batala, Punjab, 143505, India</p>
							</div>
						</div>
							
						</div>
					</div>
                </div>
            </div>
        </div>
        
        <div class="footer-bottom">
            <div class="container">
                <div class="row align-items-center fb-inner spno">
					<div class="col-lg-12 col-md-12 text-center text-lg-start" > 
						<span class="copyright-text">Copyright © 2024 HighwayBusiness. All rights reserved. </span>
					</div>
					
                </div>
            </div>
        </div>
    </footer>
    
    
    
	<button class="scroltop icon-up" type="button"><i class="fas fa-arrow-up"></i></button>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/magnific-popup.js"></script>
<script src="js/waypoints-min.js"></script>
<script src="js/counterup.min.js"></script>
<script src="js/lightgallery-all.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/imagesloaded.js"></script>
<script src="js/masonry-4.2.2.js"></script>
 <script src="js/swiper-bundle.min.js"></script> 
<script src="js/aos.js"></script>
<script src="js/perfect-scrollbar.min.js"></script>
<script src="js/dz.carousel.js"></script>
<script src="js/dz.ajax.js"></script>
<script src="js/custom.js"></script>
<script src="js/rangeslider.js"></script>
<script src="js/switcher.js"></script>

</body></html>