.workflow-section{border-radius:20px;box-shadow:0 5px 15px hsla(0,0%,100%,.4);color:#fff;display:flex;flex-wrap:wrap;margin:auto;max-width:100%;padding:50px 40px}.workflow-left{flex:1 1 500px;padding-right:30px}.workflow-left h2{color:#a78bfa;font-size:42px;font-weight:700;margin-bottom:30px}.workflow-step{gap:30px;margin-bottom:30px}.ribbon-item,.workflow-step{align-items:center;display:flex}.ribbon-item{background-color:#101727;border:1px solid #3c3f45;box-shadow:inset 0 0 10px hsla(0,0%,100%,.1);clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);height:110px;justify-content:center;min-width:80px;position:relative}.ribbon-item img{filter:invert(100%);height:30px;width:30px}.workflow-content h4{font-size:22px;font-weight:600;margin-bottom:6px}.workflow-content p{color:#ccc;font-size:18px;line-height:1.5}.workflow-icon:after{border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #2a2a2f;bottom:-15px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.workflow-right{align-items:center;display:flex;flex:1 1 500px;justify-content:center;padding-top:30px}.workflow-right img{border-radius:12px;height:400px;max-width:100%;object-fit:cover}@media (max-width:768px){.workflow-section{flex-direction:column;padding:40px 20px}.workflow-left{padding-right:0}.workflow-left h2{font-size:24px}.workflow-step{margin-bottom:25px}.workflow-icon{height:50px;width:50px}}