.steps-wrapper{
  max-width:1100px;
  margin:auto;
}

.step{
  display:flex;
  align-items:flex-start;
  gap:25px;
  margin-bottom:40px;
}

.step-line{
  position:relative;
  width:50px;
  display:flex;
  justify-content:center;
}

.step-line::after{
  content:"";
  position:absolute;
  top:50px;
  bottom:-200px;      /* controls extension */
  width:2px;
  background:#dcdcdc;
}

.step-number{
  width:36px;
  height:36px;
  background:#0d2b2f;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
}

.step-card{
  background:#fff;
  border-radius:16px;
  padding:30px;
  display:flex;
  gap:25px;
  width:100%;
  box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.icon-box{
  width:64px;
  height:64px;
  background:#f0f2f2;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
}

.step-content{
  flex:1;
}

.title-row{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:8px;
}

.title-row h3{
  font-size:22px;
  font-weight:600;
  color:#0d2b2f;
}

.time-badge{
  background:#ff9800;
  color:#fff;
  font-size:13px;
  padding:6px 12px;
  border-radius:20px;
}

.subtitle{
  color:#6b7c86;
  margin-bottom:18px;
}

.features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.features ul{
  list-style:none;
}

.features li{
  position:relative;
  padding-left:26px;
  margin-bottom:12px;
  color:#34454d;
  font-size:14px;
}

.features li::before{
  content:"✔";
  position:absolute;
  left:0;
  color:#1bbf6b;
  font-weight:600;
}

/* Responsive */
@media(max-width:768px){
  .features{
    grid-template-columns:1fr;
  }
  .step{
    flex-direction:column;
  }
  .step-line::after{
    display:none;
  }
}