.tm-sc-service .icon {
  display: inline-block;
}
.tm-sc-service .icon,
.tm-sc-service .feature-title,
.tm-sc-service .feature-details {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-wrapper {
  height: 628px;
  overflow-y: auto;
  position: relative;
  scrollbar-width: none;
  /* Optional: Style scrollbar (for WebKit browsers) */
}
@media (max-width: 575.98px) {
  .service-block-wrapper {
    height: 608px;
  }
}
.service-block-wrapper:before {
  background-color: rgba(var(--theme-color-white-rgb), 0.2);
  bottom: 0;
  content: "";
  left: 50px;
  position: absolute;
  height: 220%;
  top: 0;
  width: 1px;
}
@media (max-width: 399.98px) {
  .service-block-wrapper:before {
    left: 40px;
  }
}
.service-block-wrapper * {
  direction: ltr;
  background: transparent;
  -ms-overflow-style: none;
}
.service-block-wrapper::-webkit-scrollbar {
  background: transparent;
  display: none;
  -ms-overflow-style: none;
}
.service-block-wrapper::-webkit-scrollbar-thumb {
  background-color: transparent; /* scrollbar bg color */
  display: none;
  -ms-overflow-style: none;
}
.service-block-wrapper::-webkit-scrollbar-track {
  background: transparent;
  display: none;
  -ms-overflow-style: none;
}
.service-block-wrapper .service-block-style2 .process-item {
  margin-bottom: 70px;
  padding-left: 80px;
  position: relative;
}
@media (max-width: 575.98px) {
  .service-block-wrapper .service-block-style2 .process-item {
    margin-bottom: 30px;
  }
}
@media (max-width: 399.98px) {
  .service-block-wrapper .service-block-style2 .process-item {
    padding-left: 60px;
  }
}
.service-block-wrapper .service-block-style2 .process-item:before {
  background-color: var(--theme-color3);
  border-radius: 4px;
  content: "";
  height: 122px;
  left: 47px;
  opacity: 0;
  position: absolute;
  width: 6px;
  transition: all 300ms ease;
}
@media (max-width: 399.98px) {
  .service-block-wrapper .service-block-style2 .process-item:before {
    left: 38px;
  }
}
.service-block-wrapper .service-block-style2 .process-item.active:before, .service-block-wrapper .service-block-style2 .process-item:hover:before {
  opacity: 1;
}
.service-block-wrapper .service-block-style2 .process-item .count {
  color: #fff;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: 10px;
}
.service-block-wrapper .service-block-style2 .process-item .service-title {
  color: #fff;
  letter-spacing: -0.03em;
  margin-bottom: 15px;
  margin-top: 0;
}
@media (max-width: 399.98px) {
  .service-block-wrapper .service-block-style2 .process-item .service-title {
    font-size: 20px;
  }
}
.service-block-wrapper .service-block-style2 .process-item .text {
  color: rgba(var(--theme-color-white-rgb), 0.6);
  letter-spacing: -0.02em;
}