/* Feature Five */
.feature-item-five {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
  padding: 35px 20px;
  border-radius: 7px;
  margin-bottom: 30px;
  background-color: white;
}
.feature-item-five:before {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
}
.feature-item-five i {
  line-height: 1;
  font-size: 60px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 10px;
  color: #fc653c;
  display: inline-block;
}
.feature-item-five h5 {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 0;
}
.feature-item-five:hover {
  background-size: cover;
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  background-color: #fc653c;
  background-image: url(../images/shapes/feature-bg.png);
}
.feature-item-five:hover i,
.feature-item-five:hover h5,
.feature-item-five:hover h5 a {
  color: white !important;
}

.feature-item-five i,
h5 a {
  color: rgba(36, 45, 60);
}

.feature-item-five:hover {
  background-color: #242d3c !important;
}

.contentFive {
  color: #242d3c !important;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.c-counter::after {
  /* background:  #d2151e !important; */
  background: rgba(36, 45, 60) !important;
}
.c-counter::before {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    #d2151e 50%
  ) !important;
}