.three-home-process-band{
  background:#f5f8fc!important;
  padding:18px 0 24px!important;
}

.three-home-process-wrap{
  width:min(1180px,calc(100% - 48px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}

.three-home-process-card{
  background:#ffffff!important;
  border:1px solid #dbe4ef!important;
  border-radius:18px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
  padding:24px 24px 22px!important;
  display:flex!important;
  flex-direction:column!important;
}

.three-home-process-no{
  width:44px!important;
  height:44px!important;
  border-radius:12px!important;
  background:#eef4ff!important;
  color:#155eef!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:900!important;
  margin-bottom:16px!important;
}

.three-home-process-card h2{
  margin:0 0 12px!important;
  color:#07152d!important;
  font-size:24px!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
  font-weight:900!important;
}

.three-home-process-card p{
  margin:0!important;
  color:#42526b!important;
  font-size:15px!important;
  line-height:1.78!important;
  font-weight:600!important;
}

@media(max-width:980px){
  .three-home-process-wrap{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
}

@media(max-width:640px){
  .three-home-process-band{
    padding:14px 0 18px!important;
  }

  .three-home-process-wrap{
    width:calc(100% - 30px)!important;
  }

  .three-home-process-card{
    padding:22px 20px!important;
  }

  .three-home-process-card h2{
    font-size:22px!important;
  }

  .three-home-process-card p{
    font-size:14px!important;
    line-height:1.72!important;
  }
}