.service-item-current-style5 {
  background: #fff;
  padding: 50px 50px 40px 50px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  border: 1px solid #f5f5f5;
}
@media (max-width: 767.98px) {
  .service-item-current-style5 {
    padding: 50px 30px 40px;
  }
}
.service-item-current-style5:before {
  content: "";
  background-image: var(--service-current-style1-bg-featured-image);
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.4s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
  .service-item-current-style5:before {
    transition: none;
  }
}
.service-item-current-style5:after {
  content: "";
  background-color: var(--theme-color2);
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
  .service-item-current-style5:after {
    transition: none;
  }
}
.service-item-current-style5 .service-icon {
  color: var(--theme-color1);
  font-size: 4rem;
  line-height: 1;
}
.service-item-current-style5 .service-content .service-title {
  margin: 32px 0 25px;
}
.service-item-current-style5 .service-content .service-title a:hover {
  color: var(--theme-color1);
}
.service-item-current-style5 .service-content .excerpt {
  margin-bottom: 25px;
}
.service-item-current-style5 .btn-view-details a {
  width: 25px;
  height: 18px;
  background: transparent;
}
.service-item-current-style5 .btn-view-details a:hover {
  color: var(--text-color-bg-theme-color1);
}
.service-item-current-style5:hover:before {
  opacity: 1;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.service-item-current-style5:hover:after {
  opacity: 0.9;
}
.service-item-current-style5:hover .service-icon {
  color: #fff;
}
.service-item-current-style5:hover .service-title {
  color: #fff;
  position: relative;
}
.service-item-current-style5:hover .excerpt {
  color: #fff;
  position: relative;
}
.service-item-current-style5:hover .btn-view-details a.btn-plain-text-with-arrow::before {
  color: #fff;
}
.service-item-current-style5:hover .btn-view-details a:hover.btn-plain-text-with-arrow::before {
  color: var(--theme-color1);
}