.svc-r {
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  cursor: pointer;
  transition: background .4s;
}

.svc-r:first-child {
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.svc-r:hover {
  background: rgba(29, 124, 110, .04);
}

.svc-m {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2.5rem 1rem 2.5rem 0;
}

.svc-m h3 {
  font-size: clamp(1.5rem, 3.5vw, 3rem);
  font-weight: 900;
  letter-spacing: -.03em;
  flex: 1;
  transition: color .3s, transform .4s cubic-bezier(.16, 1, .3, 1);
}

.svc-i {
  font-size: .75rem;
  font-weight: 700;
  color: rgba(255, 255, 255, .2);
  min-width: 30px;
}

.svc-r:hover .svc-m h3 {
  color: #1D7C6E;
  transform: translateX(20px);
}

.svc-a {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, .15);
  transition: all .3s;
}

.svc-r:hover .svc-a {
  color: #1D7C6E;
  transform: translateX(8px);
}

.svc-ex {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s cubic-bezier(.16, 1, .3, 1), padding .5s;
  padding: 0 0 0 3.5rem;
}

.svc-r:hover .svc-ex {
  max-height: 120px;
  padding-bottom: 1.5rem;
}

.svc-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.svc-tags span {
  padding: 6px 14px;
  border-radius: 9999px;
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: rgba(255, 255, 255, .7);
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .02);
  transition: all .3s;
}

.svc-r:hover .svc-tags span {
  border-color: rgba(29, 124, 110, .3);
  color: rgba(255, 255, 255, .7);
}