/* Container */
.st-timeline {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 54px; /* space for line + badge */
}

/* Vertical line */
.st-timeline .st-line {
  position: absolute;
  left: 22px;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 4px;
  background: linear-gradient(90deg, #291C53 0%, #774CFE 100%);
  opacity: 0.75;
}

/* Step row */
.st-step {
  position: relative;
  padding: 18px 0 24px 0; margin-bottom: 16px;
}

/* Number badge */
.st-badge {
  position: absolute;
  left: -57px;
  top: 0px;
  width: 50px;
  height: 50px;
  border-radius: 999px;
      background: linear-gradient(90deg, #291C53 0%, #774CFE 100%);
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.10);
  border: 3px solid #ede9fe;
}

/* Content bubble */
.st-image {
  width: 312px;
  height: 597px;
  margin: auto;
}
.st-content {
  padding: 0px 14px 12px 14px; margin-top: -10px;
}

/* Title/desc */
.st-title {
    font-family: "Poppins", poppins;
    font-size: 23px;
    font-weight: 300;
    margin-bottom: 30px;
    color: #111827;
}
.st-desc {
  font-size: 13px;
  color: #475569;
  line-height: 1.45;
  margin-bottom: 10px;
}

/* Image */
.st-image img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
  border: 1px solid #eef2ff;
}

/* Mobile feel */
@media (max-width: 520px) {
  .st-timeline { padding-left: 52px; }
  .st-content { border-radius: 16px; }
}