.tm-sc-services {
  counter-reset: my-counter;
}

.service-item-current-style2 {
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
}
.service-item-current-style2 .inner-box {
  position: relative;
  background-color: #ffffff;
  border: 1px solid rgba(249, 249, 249, 0.168627451);
  padding: 35px 40px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1);
  transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .service-item-current-style2 .inner-box {
    transition: none;
  }
}
.service-item-current-style2 .inner-box:before {
  background-image: url(../../../images/current-theme/service1-bg-pattern.png);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  transform: scale(-1);
}
.service-item-current-style2 .inner-box span {
  position: absolute;
  right: 0;
  top: 40px;
  height: 65px;
  width: 140px;
  font-size: 45px;
  line-height: 65px;
  border-radius: 10px;
  background: linear-gradient(to right, rgba(209, 200, 200, 0.1803921569), transparent);
  content: "";
  transition: all 300ms ease;
  padding-left: 15px;
  font-weight: 600;
  color: #e9e9e9;
}
@media (prefers-reduced-motion: reduce) {
  .service-item-current-style2 .inner-box span {
    transition: none;
  }
}
.service-item-current-style2 .inner-box span:before {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter, decimal-leading-zero) " ";
}
.service-item-current-style2 .inner-box:hover {
  background-color: var(--theme-color1);
}
.service-item-current-style2 .inner-box:hover:before {
  filter: invert(1);
}
.service-item-current-style2 .inner-box:hover span {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1411764706), transparent);
  color: rgba(230, 228, 229, 0.3215686275);
  transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .service-item-current-style2 .inner-box:hover span {
    transition: none;
  }
}
.service-item-current-style2 .inner-box:hover .icon i,
.service-item-current-style2 .inner-box:hover .excerpt,
.service-item-current-style2 .inner-box:hover .service-title,
.service-item-current-style2 .inner-box:hover .service-title a {
  color: #ffffff;
}
.service-item-current-style2 .icon-box {
  position: relative;
  margin-bottom: 10px;
}
.service-item-current-style2 .icon-box .icon i {
  color: var(--theme-color1);
  font-size: 72px;
  transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .service-item-current-style2 .icon-box .icon i {
    transition: none;
  }
}
.service-item-current-style2 .service-title {
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 15px;
  position: relative;
}
.service-item-current-style2 .excerpt {
  position: relative;
  margin-bottom: 0px;
  transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .service-item-current-style2 .excerpt {
    transition: none;
  }
}