/* ==========================================================================
   MODULE: process   (scope: .m-process)
   PDF পেজ ১২ — From Requirement to Supply
   ========================================================================== */

.m-process__rail{position:relative}

/* স্ক্রল-চালিত অগ্রগতি বার */
.m-process__bar{
  display:block;
  position:absolute;
  left:0;right:0;
  top:38px;
  height:2px;
  background:rgba(255,255,255,.16);
  border-radius:2px;
  overflow:hidden;
  z-index:0;
}
.m-process__bar i{
  display:block;
  height:100%;
  width:100%;
  background:linear-gradient(90deg,var(--lime),var(--green-600));
  transform:scaleX(0);
  transform-origin:left center;
}

.m-process__steps{
  position:relative;
  z-index:1;
  display:grid;
  gap:clamp(1rem,2vw,1.5rem);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
  counter-reset:step;
}

.m-process__step{
  display:flex;flex-direction:column;gap:.5rem;
  padding-top:.2rem;
}
.m-process__num{
  display:grid;place-items:center;
  width:52px;height:52px;
  border-radius:50%;
  background:var(--green-950);
  border:2px solid var(--lime);
  color:var(--lime);
  font-family:var(--font-display);
  font-size:.92rem;font-weight:700;letter-spacing:.04em;
  box-shadow:0 0 0 6px var(--green-900),0 14px 30px -16px rgba(0,0,0,.9);
  transition:background .4s var(--ease),color .4s var(--ease),transform .4s var(--ease);
}
.m-process__step:hover .m-process__num{
  background:var(--lime);
  color:var(--green-950);
  transform:translateY(-4px);
}

.m-process__title{
  font-size:1.1rem;
  color:#fff;
  margin-top:.35rem;
}
.m-process__text{
  margin:0;
  font-size:.93rem;
  line-height:1.6;
  color:var(--muted-dark);
}

/* ছোট পর্দায় বার ডানে-নিচে চলে যাবে */
@media (max-width:760px){
  .m-process__bar{display:none}
  .m-process__steps{grid-template-columns:1fr}
  .m-process__step{
    flex-direction:row;align-items:flex-start;gap:1rem;
    padding-bottom:.4rem;
    border-bottom:1px solid var(--line-dark);
  }
  .m-process__step:last-child{border-bottom:0}
  .m-process__num{flex:0 0 auto;width:46px;height:46px;box-shadow:none}
  .m-process__title{margin-top:0}
  .m-process__step > p{flex:1}
}

/* ৬০০px-এর নিচে: ৫টি ধাপের সারি ও বাটন ও সংকুচিত হয়ে এক স্ক্রিনে বসে */
@media (max-height:599px){
  .m-process__steps{gap:.5rem}
  .m-process__step{gap:.5rem;padding-bottom:.25rem}
  .m-process__num{width:44px;height:44px;font-size:.85rem}
  .m-process__title{font-size:1rem}
  .m-process__text{font-size:.85rem;line-height:1.45}
}