.hpbc-workflow-widget{max-width:1200px;margin:0 auto;font-family:"Arial",sans-serif}.list-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;align-items:center}.workflow-item{display:flex;align-items:stretch;background-color:#fff;border-radius:8px;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;cursor:pointer;height:100px;min-height:unset}.workflow-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(0 0 0 / .3)}.item-number{min-width:80px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;flex-shrink:0}.item-content{padding:20px 25px;flex:1;display:flex;align-items:center}.item-title{font-size:20px;font-weight:600;line-height:1.3}.item-1 .item-number{background-color:#2196f3}.item-1{border:2px solid #2196f3}.item-2 .item-number{background-color:#4caf50}.item-2{border:2px solid #4caf50}.item-3 .item-number{background-color:#ffc107}.item-3{border:2px solid #ffc107}.item-4 .item-number{background-color:#9c27b0}.item-4{border:2px solid #9c27b0}.item-5 .item-number{background-color:#ff5722}.item-5{border:2px solid #ff5722}.item-6 .item-number{background-color:#009688}.item-6{border:2px solid #009688}.item-7 .item-number{background-color:#673ab7}.item-7{border:2px solid #673ab7}.item-8 .item-number{background-color:#e91e63}.item-8{border:2px solid #e91e63}@media (max-width:768px){.list-container{grid-template-columns:1fr!important;gap:20px}.item-title{font-size:18px}.item-number{min-width:70px;font-size:24px}.workflow-item{height:90px}.item-content{padding:15px 20px}}@media (max-width:480px){.item-title{font-size:16px}.item-number{min-width:60px;font-size:20px}.workflow-item{height:80px}.item-content{padding:12px 15px}}.workflow-item{opacity:0;animation:fadeInUp 0.6s ease forwards}.workflow-item:nth-child(1){animation-delay:0.1s}.workflow-item:nth-child(2){animation-delay:0.2s}.workflow-item:nth-child(3){animation-delay:0.3s}.workflow-item:nth-child(4){animation-delay:0.4s}.workflow-item:nth-child(5){animation-delay:0.5s}.workflow-item:nth-child(6){animation-delay:0.6s}.workflow-item:nth-child(7){animation-delay:0.7s}.workflow-item:nth-child(8){animation-delay:0.8s}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}