Style 1
<div class="row">
<div class="col-md-6 mb-4 mb-md-0">
<div class="card card-style8">
<div class="card-body px-1-9 py-2-9">
<div class="icon-box mb-4">
<i class="ti-user text-primary z-index-9 position-relative"></i>
<div class="box-circle primary"></div>
</div>
<h3 class="h5 mb-3"><a href="#!">Life Insurance</a></h3>
<p class="mb-1-9 text-color-light-blue">We help you discover any protection inclusions that are ideal for you.</p>
<a href="#!" class="text-dark text-primary-hover font-weight-600" >Read more <i class="ti-arrow-right ms-2 align-middle display-30"></i></a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-style8">
<div class="card-body px-1-9 py-2-9">
<div class="icon-box mb-4">
<i class="ti-car text-primary z-index-9 position-relative"></i>
<div class="box-circle primary"></div>
</div>
<h3 class="h5 mb-3"><a href="#!">Car Insurance</a></h3>
<p class="mb-1-9 text-color-light-blue">We help you discover any protection inclusions that are ideal for you.</p>
<a href="#!" class="text-dark text-primary-hover font-weight-600" >Read more <i class="ti-arrow-right ms-2 align-middle display-30"></i></a>
</div>
</div>
</div>
</div>
Style 2
<div class="row">
<div class="col-lg-6">
<a href="#!" class="card card-style2 border-0 h-100">
<div class="card-body px-1-9 py-5 py-sm-6 text-center">
<i class="ti-user display-10 mb-4 d-block"></i>
<h3 class="h5 mb-3">Life Insurance</h3>
<p class="mb-0">We help you discover any protection inclusions that are ideal for you.</p>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="#!" class="card card-style2 border-0 h-100">
<div class="card-body px-1-9 py-5 py-sm-6 text-center">
<i class="ti-car display-10 mb-4 d-block"></i>
<h3 class="h5 mb-3">Car Insurance</h3>
<p class="mb-0">We help you discover any protection inclusions that are ideal for you.</p>
</div>
</a>
</div>
</div>
Style 3
<div class="row">
<div class="col-md-6 mb-4 mb-md-0">
<div class="card card-style1 border-color-light-black h-100">
<div class="card-body text-center px-4 px-xl-5 py-5 py-md-6">
<div class="hover-bg"><img src="img/service/service-1.jpg" alt="..."></div>
<div class="service-icon text-center display-20">
<i class="ti-user display-25 display-sm-22 display-lg-20 position-relative"></i>
</div>
<h3 class="h5 mb-3 mt-2 position-relative"><a href="#!">Life Insurance</a></h3>
<p class="mb-0 position-relative">We help you discover any protection inclusions that are ideal for you.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-style1 border-color-light-black h-100">
<div class="card-body text-center px-4 px-xl-5 py-5 py-md-6">
<div class="hover-bg"><img src="img/service/service-2.jpg" alt="..."></div>
<div class="service-icon text-center display-20">
<i class="ti-car display-25 display-sm-22 display-lg-20 position-relative"></i>
</div>
<h3 class="h5 mb-3 mt-2 position-relative"><a href="#!">Car Insurance</a></h3>
<p class="mb-0 position-relative">We help you discover any protection inclusions that are ideal for you.</p>
</div>
</div>
</div>
</div>
Style 4
100% Safe Money
Insurance agencies can be organized either as a conventional stock organization with outside financial backers.
Read MoreAnytime Money Back
Insurance agencies can be organized either as a conventional stock organization with outside financial backers.
Read More
<div class="row">
<div class="col-md-6 mb-4 mb-md-0">
<div class="card card-style4 border-color-light-black h-100">
<div class="card-body p-1-9 px-md-6 py-lg-5">
<h3 class="h4 mb-4">100% Safe Money</h3>
<div class="media">
<i class="ti-money display-24 dispalay-xl-20 position-relative"></i>
<div class="media-body ps-3 ps-sm-4">
<p>Insurance agencies can be organized either as a conventional stock organization with outside financial backers.</p>
<a href="#!" class="butn link">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-style4 border-color-light-black h-100">
<div class="card-body p-1-9 px-md-6 py-lg-5">
<h3 class="h4 mb-4">Anytime Money Back</h3>
<div class="media">
<i class="ti-share-alt display-24 dispalay-xl-20 position-relative"></i>
<div class="media-body ps-3 ps-sm-4">
<p>Insurance agencies can be organized either as a conventional stock organization with outside financial backers.</p>
<a href="#!" class="butn link">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>