*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/*body{
  font-family:Arial, sans-serif;
  background:#f1f5f9;
}*/

.process-time-section{
  padding:90px 20px;
  text-align:center;
  font-family:Arial, sans-serif;
  background:#f1f5f9;
}

.process-time-container{
  max-width:1100px;
  margin:auto;
}

.process-time-badge{
  display:inline-block;
  padding:6px 12px;
  background:#dbeafe;
  border-radius:20px;
  font-size:12px;
  margin-bottom:10px;
}

.process-time-title{
  font-size:2.5rem;
  margin-bottom:10px;
}

.process-time-subtitle{
  color:#64748b;
  margin-bottom:50px;
}

.process-time-steps{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px;
}

.process-time-card{
  background:#ffffff;
  padding:25px;
  border-radius:12px;
  width:180px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  opacity:0;
  transform:translateY(-45px);
  transition:0.6s ease;
}

.process-time-number{
  width:40px;
  height:40px;
  background:#2563eb;
  color:#ffffff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 10px;
  font-weight:bold;
}

.process-time-card-title{
  margin-bottom:8px;
}

.process-time-card-text{
  font-size:13px;
  color:#555;
}

.process-time-reveal.process-time-show{
  opacity:1;
  transform:translateY(0);
}

.process-time-delay-1{transition-delay:0.2s;}
.process-time-delay-2{transition-delay:0.4s;}
.process-time-delay-3{transition-delay:0.6s;}
.process-time-delay-4{transition-delay:0.8s;}

@media(max-width:600px){
  .process-time-card{
    width:100%;
  }

  .process-time-title{
    font-size:2rem;
  }
}