/*=====Banner===*/
.services-banner {
  background: url(../image/sub-hero.jpg) no-repeat center;
  background-size:cover;
  width: 100%;
  height: 200px;
  position: relative;
}
.services-banner .grey {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
}


.services-banner .text {
  text-align: center;
  position: absolute;
  top: 50%;
  z-index: 2;
}



.services-banner .text .breadcrumb-item a {
  text-decoration: none;
  color: #fff;
}

.services-banner .text .breadcrumb-item {
  color: #fff;
  font-size: 20px;
}


.services p {
  text-align: justify;
}
.services  ul {
  list-style: none; /* Remove default bullets */
  font-family: Mulish, sans-serif;
  line-height: 2;
  text-align: justify;
  font-size: 20px;
}



.services  ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00a149 ; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size: 28px;
}

@media only screen and (max-width: 600px) {


  .services p,
   .services  ul {
    text-align: left;
    line-height: 1.5;
  }

  .services-banner .text .breadcrumb-item {
    color: #fff;
    font-size: 18px;
  }


}