.list-items{align-items:flex-start;align-items:stretch;display:grid;gap:40px;grid-template-columns:60% 40%;grid-template-columns:100%;margin:0 auto;position:relative}.list-items:before{animation:slideIn .6s forwards;background-color:rgba(0,0,0,.1);background-color:#ccc;content:" ";display:block;height:100%;left:30px;position:absolute;top:15px;transform:translateX(-30px);width:1px}.list-items[data-animate=true].completed:before{-webkit-backface-visibility:hidden;transform:scale(1) translateZ(0);-webkit-transform:scale(1) translateZ(0);-ms-transform:scale(1) translateZ(0);-webkit-transform-origin:top;transition:transform 1.9s cubic-bezier(.18,1,.32,1);-webkit-transition:-webkit-transform 1.9s cubic-bezier(.18,1,.32,1)}.list-items .list-item{animation:slideIn .6s forwards;display:flex;gap:25px;opacity:0;transform:translateX(-30px)}.list-items .list-item:nth-child(3){animation-delay:.1s}.list-items .list-item:nth-child(4){animation-delay:.2s}.list-items .list-item:nth-child(5){animation-delay:.3s}.list-items .list-item:nth-child(6){animation-delay:.4s}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}.list-items .item-content{border-bottom:1px solid #ccc;padding-bottom:40px}.list-items .list-item:last-child .item-content{border:0!important}.list-items .number-circle{align-items:center;background:linear-gradient(135deg,#0f4beb 40%,#fff);border-radius:50%;box-shadow:0 4px 15px rgba(15,75,253,.3);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.list-items .number-circle:after{animation:pulseInOut 2s infinite;border:2px solid rgba(15,75,253,.3);border-radius:50%;content:"";height:70px;position:absolute;width:70px}.list-items a.list-item,.list-items a.list-item:hover *{border:0!important;outline:none!important;text-decoration:none!important}.list-items .list-item:first-child .number-circle:after{animation-delay:0s}.list-items .list-item:nth-child(2) .number-circle:after{animation-delay:.5s}.list-items .list-item:nth-child(3) .number-circle:after{animation-delay:1s}.list-items .list-item:nth-child(4) .number-circle:after{animation-delay:1.5s}.list-items .list-item:nth-child(5) .number-circle:after{animation-delay:2s}.list-items .list-item:nth-child(6) .number-circle:after{animation-delay:2.5s}.list-items .list-item:nth-child(7) .number-circle:after{animation-delay:3s}.list-items .list-item:nth-child(8) .number-circle:after{animation-delay:3.5s}.list-items .list-item:nth-child(9) .number-circle:after{animation-delay:4s}.list-items .list-item:nth-child(10) .number-circle:after{animation-delay:4.5s}@keyframes pulseInOut{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.list-items .item-content h3{color:#1a1a1a;font-size:1.33rem;font-weight:600;margin-bottom:8px;transition:color .3s ease}.list-items .item-content p{color:#333;font-size:1rem;line-height:1.6}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}:root{--blue:#5d87ff;--blue-light:#edf3ff;--blue-mid:#dbe8ff;--text:#333}.timeline{margin-bottom:60px;width:100%}.timeline .step{align-items:center;background:linear-gradient(135deg,#eef4ff,#dce8ff);border-radius:18px;display:flex;gap:20px;padding:22px}.timeline .step.step-1,.timeline .step:first-child{background:rgba(15,75,235,.2)}.timeline .step.step-2{background:rgba(15,75,235,.4)}.timeline .step.step-3{background:rgba(15,75,235,.6)}.timeline .step.step-4{background:rgba(15,75,235,.8)}.timeline .step.step-4 *{color:#fff!important}.timeline .step:last-child{background:rgba(15,75,235,.8)}.timeline .step:last-child *{color:#fff!important}.timeline .icon{align-items:center;background:#fff;border-radius:50%;display:flex;flex-shrink:0;height:74px;justify-content:center;width:74px}.timeline .icon:after{animation:pulseInOut 2s infinite;border:2px solid rgba(15,75,253,.3);border-radius:50%;content:"";height:74px;position:absolute;width:74px}.timeline .step-1 .icon:after{animation-delay:0s}.timeline .step-2 .icon:after{animation-delay:.5s}.timeline .step-3 .icon:after{animation-delay:1s;border:2px solid hsla(0,0%,100%,.8)}.timeline .step-4 .icon:after{animation-delay:1.5s;border:2px solid #fff}.timeline .icon svg{fill:none;height:38px;stroke:var(--blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:38px}.timeline .content h4,.timeline .content p{color:var(--text);margin-bottom:0}.timeline .content p span{font-weight:400}.timeline .arrow{display:flex;justify-content:center;margin:5px}@keyframes fadeMoveDown{0%{opacity:0;transform:translateY(-5px)}50%{opacity:1}to{opacity:0;transform:translateY(5px)}}.timeline .arrow:before{animation:fadeMoveDown 2s ease-in-out infinite;color:var(--blue);font-size:20px}.timeline .step-1+.arrow:before{animation-delay:.5s}.timeline .step-2+.arrow:before{animation-delay:1s}.timeline .step-3+.arrow:before{animation-delay:1.5s}