.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:transparent;border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 6px 25px hsla(0,0%,100%,.35),inset 0 0 10px hsla(0,0%,100%,.25);clip-path:polygon(50% 1%,100% 10%,100% 90%,50% 100%,0 90%,0 10%);height:130px;justify-content:center;max-width:100px;min-width:80px;position:relative;transition:all .3s ease;width:80px}.ribbon-item i{color:#fff;font-size: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;margin:0}.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}}