<!-- Car Rentals Section Start -->
<!-- Car Rentals Section Start -->
<section class="car-rentals-section padding-t-sm padding-b-sm fix">
<div class="container">
<div class="section-title text-center">
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
<span class="wow fadeInUp" data-wow-delay=".2s">Checkout our new cars</span>
<h2 class="wow fadeInUp" data-wow-delay=".4s">
Cars We’re Offering <br>
for Rentals
</h2>
</div>
<div class="car-rentals-wrapper style-2">
<div class="array-button">
<button class="array-prev"><i class="far fa-chevron-left"></i></button>
<button class="array-next"><i class="far fa-chevron-right"></i></button>
</div>
<div class="swiper car-rentals-slider-2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="car-rentals-items">
<div class="car-image">
<img src="img/Cars/peugeot_308.jpg" alt="img">
</div>
<div class="car-content">
<div class="post-cat">
2015 Model
</div>
<div class="star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<h4><a href="car-details.php">peugeot 308</a></h4>
<h6>$70.00 <span>/ Day</span></h6>
<div class="icon-items">
<ul>
<li>
<img src="img/car/seat.svg" alt="img" class="me-1">
5 Seats
</li>
<li>
<img src="img/car/door.svg" alt="img" class="me-1">
5 Doors
</li>
</ul>
<ul>
<li>
<img src="img/car/automatic.svg" alt="img" class="me-1">
Automatic
</li>
<li>
<img src="img/car/petrol.svg" alt="img" class="me-1">
Petrol
</li>
</ul>
</div>
<a href="peugeot.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="car-rentals-items">
<div class="car-image">
<img src="img/Cars/navara.jpg" alt="img">
</div>
<div class="car-content">
<div class="post-cat">
2015 Model
</div>
<div class="star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<span>2 Reviews</span>
</div>
<h4><a href="car-details.php">Navara</a></h4>
<h6>$70.00 <span>/ Day</span></h6>
<div class="icon-items">
<ul>
<li>
<img src="img/car/seat.svg" alt="img" class="me-1">
6 Seats
</li>
<li>
<img src="img/car/door.svg" alt="img" class="me-1">
2 Doors
</li>
</ul>
<ul>
<li>
<img src="img/car/automatic.svg" alt="img" class="me-1">
Automatic
</li>
<li>
<img src="img/car/petrol.svg" alt="img" class="me-1">
Petrol
</li>
</ul>
</div>
<a href="navara.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="car-rentals-items">
<div class="car-image">
<img src="img/Cars/beetle.jpg" alt="img">
</div>
<div class="car-content">
<div class="post-cat">
2024 Model
</div>
<div class="star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<span>2 Reviews</span>
</div>
<h4><a href="car-details.php">beetle</a></h4>
<h6>$70.00 <span>/ Day</span></h6>
<div class="icon-items">
<ul>
<li>
<img src="img/car/seat.svg" alt="img" class="me-1">
6 Seats
</li>
<li>
<img src="img/car/door.svg" alt="img" class="me-1">
2 Doors
</li>
</ul>
<ul>
<li>
<img src="img/car/automatic.svg" alt="img" class="me-1">
Automatic
</li>
<li>
<img src="img/car/petrol.svg" alt="img" class="me-1">
Petrol
</li>
</ul>
</div>
<a href="beetle.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- </section> -->