<style>
    @import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
body {
  
  font-family: 'Merriweather', serif;
  font-size: 16px;
  
}
h1, h4 {
  font-family: 'Montserrat', sans-serif;
}
.row {
  padding: 50px 0;
}
.seperator {
  margin-bottom: 30px;
  width: 35px;
  height: 3px;
  background: #777;
  border: none;
}
.title {
  text-align: center;
}
.title .row {
  padding: 50px 0 0;
}
.title h1 {
  text-transform: uppercase;
}
.title .seperator {
  margin: 0 auto 10px;
}
.item {
  position: relative;
  margin-bottom: 30px;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.item .item-in {
  background: #e7e7e7;
  padding: 40px;
  position: relative;
}
.item .item-in:hover:before {
  width: 100%;
}
.item .item-in::before {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 2px;
  width: 0%;
  background: #333333;
  right: 0px;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
}
.item h4 {
  font-size: 18px;
  margin-top: 25px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.item p {
  font-size: 14px;
  text-align:justify;
}
.item a {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #666666;
  margin-top: 10px;
}
.item a i {
  opacity: 0;
  padding-left: 0px;
  transition: 0.4s;
  font-size: 24px;
  display: inline-block;
  top: 5px;
  position: relative;
}
.item a:hover {
  text-decoration: none;
}
.item a:hover i {
  padding-left: 10px;
  opacity: 1;
  font-weight: 300;
}
.item .icon {
  position: absolute;
  top: 27px;
  left: -16px;
  cursor: pointer;
}
.item .icon a {
  font-family: 'Merriweather', serif;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  text-transform: none;
}
.item .icon svg {
  width: 32px;
  height: 32px;
  float: left;
}
.item .icon .icon-topic {
  opacity: 0;
  padding-left: 0px;
  transition: 0.4s;
  display: inline-block;
  top: 0px;
  position: relative;
}
.item .icon:hover .icon-topic {
  opacity: 1;
  padding-left: 10px;
}
@media only screen and (max-width: 768px) {
  .item .icon {
    position: relative;
    top: 0;
    left: 0;
  }
}

</style>






<section class="title container" style="margin-top: -70px;">
  <div class="row">
    <div class="col-md-12">
      <h1>Burhan Rent a Car</h1>
      <div class="seperator"></div>
      <p>And The Services We Offer</p>
    </div>
  </div>
</section>

<!-- Start Blog Layout -->
<div class="container">
  <div class="row">
    <div class="col-md-6 item">
      <div class="item-in">
        <h4>Expert Car Selection Assistance at Burhan Rent a Car</h4>
        <div class="seperator"></div>
        <p>One of the key services Burhan rent a car offers is helping customers find the right car for their needs. This suggests that we have a variety of cars available to rent, ranging from economy cars to luxury vehicles. To help customers choose the right car, Burhan rent a car have knowledgeable staff who can offer advice and recommendations based on factors such as the number of passengers, amount of luggage, and customer's budget.</p>
        <!-- <a href="#">Read More
          <i class="fa fa-long-arrow-right"></i>
        </a> -->
      </div>
    </div>
    <div class="col-md-6 item">
      <div class="item-in">
        <h4>Affordable Rental Rates and Special Deals at Burhan Rent a Car</h4>
        <div class="seperator"></div>
        <p>Another important aspect of Burhan rent a car's service is ensuring that customers get the best possible price. This might involve offering discounts for longer rental periods or having special deals available during certain times of the year. Additionally, you may have a price-matching policy in place to make sure that your customers always get the best deal possible. Make a unique heading</p>
        <!-- <a href="#">Read More
          <i class="fa fa-long-arrow-right"></i>
        </a> -->
      </div>
    </div>
  </div>
  <!-- <p style="text-align:center;">With Icons <em>(hover over icons)</em></p> -->
  <!-- With Icons -->
  <!-- <div class="row">
    <div class="col-md-6 item">
      <div class="item-in">
        <h4>Some Kind of Title</h4>
        <div class="seperator"></div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi expedita eveniet consectetur, voluptates voluptatum, sit excepturi earum. Veniam eius amet, accusantium, deserunt officia, quos qui debitis laboriosam velit quis autem!</p>
        <a href="#">Read More
          <i class="fa fa-long-arrow-right"></i>
        </a>
      </div>
    </div>
    <div class="col-md-6 item">
      <div class="item-in">
        
        <h4>Some Kind of Title</h4>
        <div class="seperator"></div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi expedita eveniet consectetur, voluptates voluptatum, sit excepturi earum. Veniam eius amet, accusantium, deserunt officia, quos qui debitis laboriosam velit quis autem!</p>
        <a href="#">Read More
          <i class="fa fa-long-arrow-right"></i>
        </a>
      </div>
    </div>
  </div> -->
</div>