.single-service-item {
  position: relative;
  padding: 10px;
}
.single-service-item:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eee;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  content: "";
  opacity: .4;
  z-index: -1;
  visibility: hidden;
  transition: .3s;
  transform: scale(.01)
}
.single-service-item:hover:after, .single-service-item:hover .service-fkr-button{
  opacity: 1;
  visibility: visible;
  transform: scale(1)
}
.single-service-item:hover .service-fkr-button{
  margin-bottom:15px;
}
.service-fkr-button {
  opacity: 0;
  visibility: hidden;
 transform: scale(0.01)
}

// testimonial 

.testimonial-area{}
/*
.testimonial-area button.slick-next, .testimonial-area button.slick-prev {
  top: 120%;

}
.testimonial-area button.slick-next {
  right: 47%;
}
.testimonial-area button.slick-prev {
  left: 47%;  
}
*/
.testimonial-area button.slick-next:before {
  font-family: FontAwesome;
  content: "\f054";

}
.testimonial-area button.slick-prev:before {
  font-family: FontAwesome;
  content: "\f104";

}


.testimonial-area{}

.testimonial-area ul.slick-dots li button {
  background-color: #555;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.testimonial-area ul.slick-dots {
  bottom: -20%;
  margin-left: -25px;
}
.testimonial-area ul.slick-dots li {
  padding: 0 15px;
}
.testimonial-area.slick-dots li button:hover,
.testimonial-area.slick-dots li button:focus
{
    outline: none;
}
.testimonial-area.slick-dots li button:hover:before,
.testimonial-area.slick-dots li button:focus:before
{
   background-color: #ddd;
}
.testimonial-area.slick-dots li button:before{

 }

.testimonial-area .slick-dots li.slick-active button {
  background-color: #ddd;
  }