mjchemi/img/bg--process.svg

<svg width="309" height="68" viewBox="0 0 309 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_120_367)">
<rect x="1" y="1" width="307" height="66" fill="#E0EF8D"/>
<g opacity="0.6" clip-path="url(#clip1_120_367)">
<path d="M329.479 -36.4123C255.039 -36.233 180.608 -37.6583 106.187 -39.3102C85.2106 -39.7822 64.2339 -40.2636 43.2666 -40.7261C53.197 -35.8743 62.9477 -30.6639 72.4808 -25.0947C116.222 0.466733 155.291 33.1454 199.419 58.0744C240.787 81.4365 288.925 97.9457 335.938 91.8102C333.394 49.0882 331.011 6.35682 329.479 -36.4123Z" fill="url(#paint0_linear_120_367)"/>
<path d="M329.479 -36.4125C255.039 -36.2332 180.608 -37.6585 106.187 -39.3104C81.1248 -39.8767 56.0624 -40.4525 31 -41C51.1823 -31.3814 70.731 -19.9033 89.3717 -6.61288C130.304 22.5732 166.781 60.0187 208.092 88.4685C247.331 115.493 293.171 134.305 338 126.018C334.728 71.8932 331.418 17.7592 329.479 -36.422V-36.4125Z" fill="url(#paint1_linear_120_367)"/>
<path d="M329.479 -36.4123C255.039 -36.2329 180.608 -37.6583 106.187 -39.3196C93.8074 -39.5933 81.437 -39.8765 69.0571 -40.1597C73.9939 -36.9598 78.874 -33.656 83.6973 -30.2202C124.629 -1.03405 161.107 36.4114 202.417 64.8612C242.886 92.7353 290.363 111.869 336.525 101.561C333.763 55.5825 331.134 9.60396 329.479 -36.4217V-36.4123Z" fill="url(#paint2_linear_120_367)"/>
<path d="M329.479 -36.4219C255.039 -36.2426 180.608 -37.6585 106.187 -39.3103C88.7946 -39.6973 71.3928 -40.0938 54.0005 -40.4902C82.1649 -9.48236 96.6065 35.269 135.278 52.826C158.288 63.2752 185.554 61.4252 209.898 54.2608C234.232 47.0964 256.627 35.0142 279.874 25.0747C296.567 17.9386 313.76 11.9069 331.304 6.99854C330.614 -7.4718 329.999 -21.9421 329.479 -36.4219Z" fill="url(#paint3_linear_120_367)"/>
<g style="mix-blend-mode:multiply">
<path d="M329.479 -36.4221C255.039 -36.2427 180.608 -37.6586 106.187 -39.3105C88.9367 -39.6975 71.6768 -40.0845 54.4263 -40.481C80.9451 -26.7941 106.49 -11.8329 134.408 -0.0244092C195.163 25.6786 264.014 34.9007 332.6 32.6448C331.389 9.63192 330.321 -13.3904 329.488 -36.4221H329.479Z" fill="url(#paint4_linear_120_367)"/>
</g>
</g>
</g>
<rect x="0.5" y="0.5" width="308" height="67" stroke="#D9EA7C"/>
<defs>
<linearGradient id="paint0_linear_120_367" x1="347.063" y1="51.4679" x2="-191.823" y2="31.4809" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFFAB8"/>
<stop offset="1" stop-color="#FFFAB8"/>
</linearGradient>
<linearGradient id="paint1_linear_120_367" x1="348.726" y1="31.4751" x2="-157.818" y2="12.6876" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFFAB8"/>
<stop offset="1" stop-color="#FFFAB8"/>
</linearGradient>
<linearGradient id="paint2_linear_120_367" x1="342.63" y1="19.5304" x2="-163.922" y2="0.742656" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFFAB8"/>
<stop offset="1" stop-color="#FFFAB8"/>
</linearGradient>
<linearGradient id="paint3_linear_120_367" x1="386.214" y1="9.83031" x2="-88.5524" y2="9.83031" gradientUnits="userSpaceOnUse">
<stop stop-color="#00E0E5"/>
<stop offset="0.17" stop-color="#31E5DC"/>
<stop offset="0.47" stop-color="#88EDCC"/>
<stop offset="0.72" stop-color="#C8F4C1"/>
<stop offset="0.91" stop-color="#EFF8BA"/>
<stop offset="1" stop-color="#FFFAB8"/>
</linearGradient>
<linearGradient id="paint4_linear_120_367" x1="-109.585" y1="-25.6262" x2="451.143" y2="6.17746" gradientUnits="userSpaceOnUse">
<stop stop-color="#00E0E5"/>
<stop offset="0.17" stop-color="#31E5DC"/>
<stop offset="0.47" stop-color="#88EDCC"/>
<stop offset="0.72" stop-color="#C8F4C1"/>
<stop offset="0.91" stop-color="#EFF8BA"/>
<stop offset="1" stop-color="#FFFAB8"/>
</linearGradient>
<clipPath id="clip0_120_367">
<rect x="1" y="1" width="307" height="66" fill="white"/>
</clipPath>
<clipPath id="clip1_120_367">
<rect width="307" height="169" fill="white" transform="translate(31 -41)"/>
</clipPath>
</defs>
</svg>