/*
@File: StartP Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

==== INDEX PAGE CSS

** - Default CSS
** - Preloader CSS
** - Navbar CSS
** - Main Banner CSS
** - Boxes CSS
** - About CSS
** - Why Choose Us CSS
** - Services CSS
** - Services Details CSS
** - Features CSS
** - Features Details CSS
** - Team CSS
** - Works CSS
** - Fun Facts CSS
** - Pricing CSS
** - Domain Search CSS
** - Feedback CSS
** - Ready To Talk CSS
** - Partner CSS
** - Blog CSS
** - Shop CSS
** - Shop Details CSS
** - Cart CSS
** - Checkout CSS
** - Page Title CSS
** - FAQ CSS
** - Pagination CSS
** - Blog Details CSS
** - Sidebar Widget CSS
** - Project Details CSS
** - Contact CSS
** - Coming Soon CSS
** - 404 Error CSS
** - CTA CSS
** - Repair Main Banner CSS
** - Repair Partner CSS
** - Repair About CSS
** - Repair Services CSS
** - Repair CTA CSS
** - Repair Team CSS
** - Repair Why Choose Us CSS
** - Repair Feedback CSS
** - IoT Main Banner CSS
** - IoT Partner CSS
** - Iot Services CSS
** - IoT CTA CSS
** - IoT Features CSS
** - IoT Team CSS
** - IoT Why Choose Us CSS
** - ML Main Banner CSS
** - ML Partner CSS
** - Our Solutions CSS
** - ML About CSS
** - ML Services CSS
** - ML Feedback CSS
** - Free Trial CSS
** - ML Projects CSS
** - Agency Main Banner CSS
** - Our Solutions CSS
** - Agency About CSS
** - Agency Services CSS
** - Testimonials CSS
** - Agency CTA CSS
** - Agency Portfolio Main Banner CSS
** - Our Latest Projects CSS
** - Agency Portfolio About CSS
** - Agency Portfolio Partner CSS
** - Creative Area CSS
** - Footer CSS
** - Go Top CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");


/*=============================
What We Do CSS
===============================*/
.what-we-do-area {
  padding-bottom: 50px;
  background-image: url(../img/banner-image/pattern-bg.jpg);
}

.single-what-we-do-box {
  margin-bottom: 12px;
  position: relative;
  padding-left: 88px;
}

.single-what-we-do-box .icon {
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  border-radius: 5px;
  color: #ffffff;
  text-align: center;
background-color:#183440;
}

.single-what-we-do-box .icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
}

.single-what-we-do-box .icon i::before {
  font-size: 60px;
}

.single-what-we-do-box h3 {
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 600;
}

.single-what-we-do-box .link {
  display: block;
  font-weight: 500;
  text-decoration: underline;
  margin-bottom: 10px;
}

.single-what-we-do-box .read-more-btn {
  display: inline-block;
  font-size:13px;
  color:#53b55a;
  margin-left: 15px;
/*   font-weight: 600; */
/*   padding-top: 10px; */
  padding-left: -4px;
}

.single-what-we-do-box .read-more-btn svg {
  margin-right: 5px;
}