From 6e960a22aef2a4f6b0128d9aae34cb776e8f23a8 Mon Sep 17 00:00:00 2001
From: Ross Moody <fiftyfivehis@gmail.com>
Date: Thu, 30 May 2019 22:10:59 -0700
Subject: [PATCH] illustration updates

---
 src/features/welcome/images/welcome_bg.svg    |  31 +-
 .../welcome/images/welcome_import.svg         | 258 +++++--------
 .../welcome/images/welcome_rewards.svg        | 225 +++++-------
 .../welcome/images/welcome_search.svg         | 346 +++++++++---------
 .../welcome/images/welcome_shields.svg        | 274 +++++++-------
 src/features/welcome/images/welcome_theme.svg | 307 +++++++++-------
 6 files changed, 700 insertions(+), 741 deletions(-)

diff --git a/src/features/welcome/images/welcome_bg.svg b/src/features/welcome/images/welcome_bg.svg
index 0b33a2e86..0cba374a8 100644
--- a/src/features/welcome/images/welcome_bg.svg
+++ b/src/features/welcome/images/welcome_bg.svg
@@ -1,12 +1,19 @@
-<svg width='2880' height='620' xmlns='http://www.w3.org/2000/svg'>
-  <linearGradient id="a" gradientUnits="userSpaceOnUse" x1="4177.097" y1="611.006" x2="4178.097" y2="611.006" gradientTransform="matrix(1440 0 0 -378 -6013580 231184)">
-    <stop offset="0" stop-color="#392dd1"/>
-    <stop offset="1" stop-color="#ff2000"/>
-  </linearGradient>
-  <path d="M1440 0h1440v447.5C2565.9 352 2342.9 346 2175.6 346c-167.3 0-404.8 44.1-735.6 101.5V0z" fill="url(#a)"/>
-  <linearGradient id="b" gradientUnits="userSpaceOnUse" x1="4178.097" y1="610.284" x2="4177.097" y2="610.284" gradientTransform="matrix(1440 0 0 -478.625 -6015020 292364)">
-    <stop offset="0" stop-color="#392dd1"/>
-    <stop offset="1" stop-color="#ff2000"/>
-  </linearGradient>
-  <path d="M0 0h1440v447.5C1034.3 512.6 747 534 572.6 534S207.4 505.2 0 447.5V0z" fill="url(#b)"/>
-</svg>
+<svg viewBox="0 0 1440 136" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M-1 2s372.547 94 726 94c353.45 0 715-94 715-94v134H-1V2z" fill="url(#paint0_linear)" filter="url(#filter0_d)"/>
+  <defs>
+    <filter id="filter0_d" x="-5" y="0" width="1449" height="142" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="2"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+    <linearGradient id="paint0_linear" x1="-102.5" y1="-43.27" x2="1301.91" y2="80.172" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#392DD1"/>
+      <stop offset="1" stop-color="#A91B78"/>
+      <stop offset="1" stop-color="#9D1D82"/>
+    </linearGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/src/features/welcome/images/welcome_import.svg b/src/features/welcome/images/welcome_import.svg
index d765f3c69..5e21d37db 100644
--- a/src/features/welcome/images/welcome_import.svg
+++ b/src/features/welcome/images/welcome_import.svg
@@ -1,164 +1,108 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 325 200">
+<svg viewBox="0 0 286 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0)">
+    <path d="M220.021 79.973c4.43 0 8.021-3.352 8.021-7.486 0-4.135-3.591-7.487-8.021-7.487-4.43 0-8.021 3.352-8.021 7.487 0 4.134 3.591 7.486 8.021 7.486z" fill="url(#paint0_linear)"/>
+    <path d="M62 81c6.627 0 12-4.925 12-11s-5.373-11-12-11-12 4.925-12 11 5.373 11 12 11z" fill="url(#paint1_linear)"/>
+    <path d="M65.839 17.552a3.96 3.96 0 0 1 3.963-3.968h146.907a3.962 3.962 0 0 1 3.964 3.968v158.413a3.96 3.96 0 0 1-3.964 3.968H69.802a3.96 3.96 0 0 1-3.963-3.968V17.552z" fill="#fff" filter="url(#filter0_d)"/>
+    <path d="M85 42h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z" stroke="#F2EEF9" stroke-width="2"/>
+    <path d="M165 44H95a2 2 0 1 0 0 4h70a2 2 0 1 0 0-4zM195 67H94a1 1 0 1 0 0 2h101a1 1 0 0 0 0-2z" fill="#F2EEF9" stroke="#F2EEF9" stroke-width="2"/>
+    <path d="M85 65h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z" stroke="#F2EEF9" stroke-width="2"/>
+    <path d="M81 67.84l2.49 1.903 4.634-7.757" stroke="#6431B1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M85 107h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z" stroke="#F2EEF9" stroke-width="2"/>
+    <path d="M195 110H94a1 1 0 0 0 0 2h101a1 1 0 0 0 0-2z" fill="#F2EEF9" stroke="#F2EEF9" stroke-width="2"/>
+    <path d="M85 150h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z" stroke="#F2EEF9" stroke-width="2"/>
+    <path d="M194 150H95a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h99a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z" fill="#F2EEF9" stroke="#F2EEF9" stroke-width="2"/>
+    <path d="M85 85h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z" stroke="#F2EEF9" stroke-width="2"/>
+    <path d="M81 87.855l2.49 1.902L88.124 82" stroke="#6431B1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M158 87H95a2 2 0 1 0 0 4h63a2 2 0 1 0 0-4z" fill="#F2EEF9" stroke="#F2EEF9" stroke-width="2"/>
+    <path d="M85 128h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z" stroke="#F2EEF9" stroke-width="2"/>
+    <path d="M81 130.841l2.49 1.901 4.634-7.756" stroke="#6431B1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M158 130H95a2 2 0 1 0 0 4h63a2 2 0 1 0 0-4z" fill="#F2EEF9" stroke="#F2EEF9" stroke-width="2"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M65.839 12.791h154.834v15.063H65.839V12.79z" fill="url(#paint2_linear)"/>
+    <path d="M74.573 22.304a2.38 2.38 0 0 0 2.382-2.378 2.38 2.38 0 0 0-2.382-2.378 2.38 2.38 0 0 0-2.382 2.378 2.38 2.38 0 0 0 2.382 2.378zM82.513 22.304a2.38 2.38 0 0 0 2.382-2.378 2.38 2.38 0 0 0-2.382-2.378 2.38 2.38 0 0 0-2.382 2.378 2.38 2.38 0 0 0 2.382 2.378zM90.453 22.304a2.38 2.38 0 0 0 2.382-2.378 2.38 2.38 0 0 0-2.382-2.378 2.38 2.38 0 0 0-2.382 2.378 2.38 2.38 0 0 0 2.382 2.378z" fill="#fff"/>
+    <path d="M88.78 118H58.96a3.96 3.96 0 0 0-3.96 3.961v23.789a3.96 3.96 0 0 0 3.96 3.96h29.82a3.96 3.96 0 0 0 3.96-3.96v-23.789A3.96 3.96 0 0 0 88.78 118z" fill="url(#paint3_linear)"/>
+    <path d="M73.778 123.549a.837.837 0 0 0-.174.025.8.8 0 0 0-.57.446l-2.581 5.252-5.856.867a.79.79 0 0 0-.614.542.786.786 0 0 0 .192.796l4.193 4.112-.968 5.797a.8.8 0 0 0 .31.775.8.8 0 0 0 .832.068l5.21-2.75 5.212 2.75a.8.8 0 0 0 .83-.068.8.8 0 0 0 .31-.775l-.967-5.797 4.194-4.112a.786.786 0 0 0 .192-.796.79.79 0 0 0-.614-.542l-5.856-.867-2.58-5.252a.797.797 0 0 0-.695-.471zm-.025 2.626l2.084 4.187a.79.79 0 0 0 .596.421l4.64.694-3.35 3.27a.79.79 0 0 0-.248.694l.794 4.632-4.144-2.18a.791.791 0 0 0-.745 0l-4.143 2.18.794-4.632a.79.79 0 0 0-.248-.694l-3.35-3.27 4.64-.694a.79.79 0 0 0 .595-.421l2.085-4.187z" fill="#fff"/>
+    <path d="M178.48 2h-30.326A3.154 3.154 0 0 0 145 5.154v26.344a3.154 3.154 0 0 0 3.154 3.154h30.326a3.154 3.154 0 0 0 3.154-3.154V5.154A3.154 3.154 0 0 0 178.48 2z" fill="url(#paint4_linear)" filter="url(#filter1_d)"/>
+    <path d="M161.976 9.168c-1.11 0-2.011.93-2.011 2.079v5.544h-2.178c-.946 0-1.145.157-.336.997l4.42 4.57c1.475 1.524 1.456 1.53 2.933 0l4.399-4.57c.809-.84.539-.997-.314-.997h-2.221v-5.544c0-1.148-.9-2.08-2.011-2.08h-2.681zm-7.419 12.742v2.73c0 1.131.905 2.048 2.021 2.048h13.478c1.116 0 2.022-.917 2.022-2.047V21.91h-1.348v2.73a.68.68 0 0 1-.674.683h-13.478a.679.679 0 0 1-.673-.683v-2.73h-1.348z" fill="#fff"/>
+    <path d="M232.44 89h-33.88a2.56 2.56 0 0 0-2.56 2.56v22.034a2.56 2.56 0 0 0 2.56 2.56h33.88a2.56 2.56 0 0 0 2.56-2.56V91.56a2.56 2.56 0 0 0-2.56-2.56z" fill="url(#paint5_linear)"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M215.236 108.039c-3.12-2.084-5.943-5.357-6.019-5.506-.072-.075-.148-.299-.148-.447 0-.148.076-.372.148-.52.076-.149 2.972-3.425 6.019-5.508.223-.149.519-.149.815-.073.224.148.447.372.447.668v2.753s6.462.372 6.761.596c.372.372.668 1.264.668 2.084 0 .819-.296 1.636-.668 1.936-.299.148-6.761.668-6.761.668v2.753c0 .299-.148.52-.447.671-.22.148-.519.073-.815-.075z" fill="#fff"/>
+    <path d="M133 159.97a2.97 2.97 0 0 1 2.97-2.97h31.714c1.64 0 2.97 1.327 2.97 2.97v26.876a2.97 2.97 0 0 1-2.97 2.97H135.97a2.968 2.968 0 0 1-2.97-2.97V159.97z" fill="#fff" filter="url(#filter2_d)"/>
+    <path d="M155.934 165.676a.404.404 0 0 0-.438.415v1.837s-11.961.284-12.114.393c-.224.158-.372.27-.372.699 0 .429.148.563.372.722.153.109 12.114.306 12.114.306v1.88a.41.41 0 0 0 .219.371.424.424 0 0 0 .437-.022c1.692-1.142 4.707-2.918 4.767-2.994a.426.426 0 0 0 .11-.263.43.43 0 0 0-.11-.262c-.06-.076-3.075-1.874-4.767-3.016a.416.416 0 0 0-.218-.066zm-7.829 8.676a.414.414 0 0 0-.218.065c-1.692 1.142-4.707 2.918-4.767 2.994a.426.426 0 0 0-.11.263.43.43 0 0 0 .11.262c.06.076 3.075 1.874 4.767 3.016a.42.42 0 0 0 .656-.35v-1.836s11.961-.284 12.114-.393c.224-.158.372-.27.372-.699 0-.429-.148-.563-.372-.721-.153-.11-12.114-.306-12.114-.306v-1.88a.404.404 0 0 0-.438-.415z" fill="url(#paint6_linear)"/>
+    <path d="M212 147.837c0-1.567 1.745-2.837 3.883-2.837h14.234c2.145 0 3.883 1.27 3.883 2.837v7.326c0 1.567-1.745 2.837-3.883 2.837h-14.234c-2.145 0-3.883-1.27-3.883-2.837v-7.326z" fill="url(#paint7_linear)"/>
+    <path d="M196 40.966A3.965 3.965 0 0 1 199.966 37h5.972a3.965 3.965 0 0 1 3.965 3.966v5.972a3.965 3.965 0 0 1-3.965 3.966h-5.972A3.965 3.965 0 0 1 196 46.938v-5.972z" fill="#fff" filter="url(#filter3_d)"/>
+  </g>
   <defs>
-    <linearGradient id="b" x1="5.709%" x2="98.47%" y1="-3.224%" y2="108.103%">
-      <stop offset="0%" stop-color="#F0F0F0"/>
-      <stop offset="100%" stop-color="#F2EDFD"/>
-    </linearGradient>
-    <path id="a" d="M200.036 151.513c-34.423-9.017-80.953-4.378-98.344 0-26.088 6.566-47.077-.995-68.018-27.05C12.733 98.41-15.422 81.317 10.24 33.814 35.902-13.688 113.955 5.9 161.467 1.322c47.512-4.577 104.722 1.127 91.14 42.93-13.583 41.802 9.901 52.612-.599 82.838-7 20.151-24.324 28.292-51.972 24.423z"/>
-    <path id="e" d="M0 8.38C0 3.752 3.76 0 8.38 0h40.874a8.383 8.383 0 0 1 8.381 8.38v7.54c0 4.628-3.76 8.38-8.38 8.38H8.38A8.383 8.383 0 0 1 0 15.92V8.38z"/>
-    <filter id="d" width="233.6%" height="416.9%" x="-66.8%" y="-113.2%" filterUnits="objectBoundingBox">
-      <feOffset dy="11" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="11"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
+    <filter id="filter0_d" x="57.839" y="9.584" width="170.834" height="182.349" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <path id="g" d="M0 8.38C0 3.752 3.76 0 8.38 0h40.874a8.383 8.383 0 0 1 8.381 8.38v7.54c0 4.628-3.76 8.38-8.38 8.38H8.38A8.383 8.383 0 0 1 0 15.92V8.38z"/>
-    <filter id="f" width="233.6%" height="416.9%" x="-66.8%" y="-113.2%" filterUnits="objectBoundingBox">
-      <feOffset dy="11" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="11"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
+    <filter id="filter1_d" x="137" y="-2" width="52.634" height="48.652" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <path id="i" d="M200.036 151.513c-34.423-9.017-80.953-4.378-98.344 0-26.088 6.566-47.077-.995-68.018-27.05C12.733 98.41-15.422 81.317 10.24 33.814 35.902-13.688 113.955 5.9 161.467 1.322c47.512-4.577 104.722 1.127 91.14 42.93-13.583 41.802 9.901 52.612-.599 82.838-7 20.151-24.324 28.292-51.972 24.423z"/>
-    <filter id="h" width="102%" height="103.3%" x="-1%" y="-1.6%" filterUnits="objectBoundingBox">
-      <feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="2.5"/>
-      <feOffset in="shadowBlurInner1" result="shadowOffsetInner1"/>
-      <feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/>
-      <feColorMatrix in="shadowInnerInner1" values="0 0 0 0 0.86633716 0 0 0 0 0.86633716 0 0 0 0 0.86633716 0 0 0 0.5 0"/>
+    <filter id="filter2_d" x="125" y="153" width="53.654" height="48.816" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <linearGradient id="j" x1="0%" y1="50.706%" y2="50.706%">
-      <stop offset="0%" stop-color="#F50"/>
-      <stop offset="57.237%" stop-color="#FF2000"/>
-      <stop offset="100%" stop-color="#FF2000"/>
-    </linearGradient>
-    <path id="l" d="M58.839 12.552a3.96 3.96 0 0 1 3.963-3.968h146.907a3.961 3.961 0 0 1 3.964 3.968v158.413a3.96 3.96 0 0 1-3.964 3.968H62.802a3.961 3.961 0 0 1-3.963-3.968V12.552z"/>
-    <filter id="k" width="124.5%" height="122.8%" x="-12.3%" y="-8.4%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
+    <filter id="filter3_d" x="188" y="33" width="29.904" height="29.904" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <linearGradient id="m" x1="35.192%" x2="146.327%" y1="0%" y2="222.965%">
-      <stop offset="0%" stop-color="#392DD1"/>
-      <stop offset="100%" stop-color="#FF4343"/>
+    <linearGradient id="paint0_linear" x1="212.916" y1="65.544" x2="226.73" y2="81.018" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F0F0F0"/>
+      <stop offset="1" stop-color="#F2EDFD"/>
     </linearGradient>
-    <rect id="o" width="38.956" height="12.07" x="3.208" y="34.642" rx="3.961"/>
-    <filter id="n" width="197.5%" height="414.8%" x="-48.8%" y="-116%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
-    </filter>
-    <rect id="q" width="37.74" height="31.71" rx="3.961"/>
-    <filter id="p" width="200.7%" height="219.8%" x="-50.3%" y="-44.1%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
-    </filter>
-    <rect id="s" width="59" height="48" rx="3.961"/>
-    <filter id="r" width="164.4%" height="179.2%" x="-32.2%" y="-29.2%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
-    </filter>
-    <rect id="u" width="46" height="41" y=".652" rx="3.961"/>
-    <filter id="t" width="182.6%" height="192.7%" x="-41.3%" y="-34.1%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
-    </filter>
-    <rect id="w" width="60.346" height="42.016" rx="3.961"/>
-    <filter id="v" width="163%" height="190.4%" x="-31.5%" y="-33.3%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
-    </filter>
-    <path id="y" d="M0 4.76A4.76 4.76 0 0 1 4.76 0h50.825c2.63 0 4.76 2.127 4.76 4.76v43.072a4.76 4.76 0 0 1-4.76 4.76H4.76A4.757 4.757 0 0 1 0 47.831V4.76z"/>
-    <filter id="x" width="159.7%" height="168.5%" x="-29.8%" y="-22.8%" filterUnits="objectBoundingBox">
-      <feOffset dy="6" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
-    </filter>
-    <path id="A" d="M43.85 109.198a3.97 3.97 0 0 1 3.963-3.968h14.532a3.966 3.966 0 0 1 3.964 3.968v10.246a3.97 3.97 0 0 1-3.964 3.968H47.813a3.966 3.966 0 0 1-3.964-3.968v-10.246z"/>
-    <filter id="z" width="269.2%" height="309%" x="-84.6%" y="-77%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
-    </filter>
-    <path id="C" d="M245.985 103.85a3.97 3.97 0 0 1 3.963-3.968h14.532a3.966 3.966 0 0 1 3.964 3.968v10.247a3.97 3.97 0 0 1-3.964 3.967h-14.532a3.966 3.966 0 0 1-3.963-3.967V103.85z"/>
-    <filter id="B" width="269.2%" height="309%" x="-84.6%" y="-77%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
-    </filter>
-    <path id="E" d="M207.483 18.287a3.965 3.965 0 0 1 3.965-3.966h5.973a3.965 3.965 0 0 1 3.965 3.966v5.972a3.965 3.965 0 0 1-3.965 3.966h-5.973a3.965 3.965 0 0 1-3.965-3.966v-5.972z"/>
-    <filter id="D" width="373.3%" height="373.3%" x="-136.7%" y="-100.7%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
-    </filter>
+    <linearGradient id="paint1_linear" x1="58.446" y1="64.668" x2="82.862" y2="90.573" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#392DD1"/>
+      <stop offset="1" stop-color="#FF4343"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear" x1="120.328" y1="20.251" x2="286.149" y2="52.614" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#392DD1"/>
+      <stop offset="1" stop-color="#FF4343"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear" x1="55" y1="134.079" x2="92.74" y2="134.079" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F50"/>
+      <stop offset=".572" stop-color="#FF2000"/>
+      <stop offset="1" stop-color="#FF2000"/>
+    </linearGradient>
+    <linearGradient id="paint4_linear" x1="145" y1="18.557" x2="181.634" y2="18.557" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F50"/>
+      <stop offset=".572" stop-color="#FF2000"/>
+      <stop offset="1" stop-color="#FF2000"/>
+    </linearGradient>
+    <linearGradient id="paint5_linear" x1="209.725" y1="95.995" x2="238.303" y2="135.915" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#392DD1"/>
+      <stop offset="1" stop-color="#FF4343"/>
+    </linearGradient>
+    <linearGradient id="paint6_linear" x1="143.01" y1="173.459" x2="161.029" y2="173.459" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#462FC9"/>
+    </linearGradient>
+    <linearGradient id="paint7_linear" x1="212" y1="151.592" x2="234" y2="151.592" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F50"/>
+      <stop offset=".572" stop-color="#FF2000"/>
+      <stop offset="1" stop-color="#FF2000"/>
+    </linearGradient>
+    <clipPath id="clip0">
+      <path fill="#fff" d="M0 0h286v200H0z"/>
+    </clipPath>
   </defs>
-  <g fill="none" fill-rule="evenodd" transform="translate(24 5)">
-    <g transform="translate(5.347 19.668)">
-      <mask id="c" fill="#fff">
-        <use xlink:href="#a"/>
-      </mask>
-      <use fill="url(#b)" fill-rule="nonzero" xlink:href="#a"/>
-      <g mask="url(#c)">
-        <g transform="translate(220.403 107.236)">
-          <use fill="#000" filter="url(#d)" xlink:href="#e"/>
-          <use fill="#FFF" xlink:href="#e"/>
-          <path fill="#F2F2F2" fill-rule="nonzero" d="M9.397 4.698h39.936v2.349H9.397zM9.397 10.572h28.19v2.349H9.397zM9.397 16.445H43.46v2.349H9.397z"/>
-        </g>
-      </g>
-      <g mask="url(#c)">
-        <g transform="translate(-22.46 44.92)">
-          <use fill="#000" filter="url(#f)" xlink:href="#g"/>
-          <use fill="#FFF" xlink:href="#g"/>
-          <path fill="#F2F2F2" fill-rule="nonzero" d="M9.397 4.698h39.936v2.349H9.397zM9.397 10.572h28.19v2.349H9.397zM9.397 16.445H43.46v2.349H9.397z"/>
-        </g>
-      </g>
-      <use fill="#000" fill-rule="nonzero" filter="url(#h)" xlink:href="#i"/>
-    </g>
-    <ellipse cx="268.979" cy="81.701" fill="url(#b)" fill-rule="nonzero" rx="8.021" ry="7.487"/>
-    <ellipse cx="8.021" cy="125.551" fill="url(#j)" fill-rule="nonzero" rx="8.021" ry="7.487"/>
-    <ellipse cx="24.064" cy="144.802" fill="url(#b)" fill-rule="nonzero" rx="4.813" ry="4.278"/>
-    <use fill="#000" filter="url(#k)" xlink:href="#l"/>
-    <use fill="#FFF" xlink:href="#l"/>
-    <g transform="translate(58.839 7.791)">
-      <path fill="url(#m)" d="M0 0h154.834v15.062H0z"/>
-      <ellipse cx="8.734" cy="7.135" fill="#FFF" rx="2.382" ry="2.378"/>
-      <ellipse cx="16.674" cy="7.135" fill="#FFF" rx="2.382" ry="2.378"/>
-      <ellipse cx="24.615" cy="7.135" fill="#FFF" rx="2.382" ry="2.378"/>
-    </g>
-    <use fill="#000" filter="url(#n)" xlink:href="#o"/>
-    <use fill="url(#m)" xlink:href="#o"/>
-    <g transform="translate(39.571 142.663)">
-      <use fill="#000" filter="url(#p)" xlink:href="#q"/>
-      <use fill="url(#j)" xlink:href="#q"/>
-      <path fill="#FFF" fill-rule="nonzero" d="M18.777 5.55a.81.81 0 0 0-.173.024.798.798 0 0 0-.57.446l-2.582 5.252-5.855.867a.79.79 0 0 0-.615.542.786.786 0 0 0 .193.796l4.193 4.112-.968 5.797a.799.799 0 0 0 .31.775.798.798 0 0 0 .832.068l5.21-2.75 5.211 2.75c.267.136.59.108.832-.068.242-.18.36-.48.31-.775l-.968-5.797 4.194-4.112a.786.786 0 0 0 .192-.796.79.79 0 0 0-.614-.542l-5.856-.867-2.58-5.252a.796.796 0 0 0-.696-.47zm-.024 2.625l2.084 4.187a.79.79 0 0 0 .595.421l4.64.694-3.35 3.27a.79.79 0 0 0-.247.694l.794 4.632-4.144-2.18a.792.792 0 0 0-.745 0l-4.143 2.18.794-4.632a.79.79 0 0 0-.248-.694l-3.35-3.27 4.64-.694a.79.79 0 0 0 .595-.42l2.085-4.188z"/>
-    </g>
-    <g transform="translate(77 49)">
-      <use fill="#000" filter="url(#r)" xlink:href="#s"/>
-      <use fill="#FFF" xlink:href="#s"/>
-      <path fill="url(#m)" fill-rule="nonzero" d="M18.462 12C16.55 12 15 13.519 15 15.391V34.61C15 36.48 16.55 38 18.462 38h23.076C43.45 38 45 36.481 45 34.609V18.783c0-1.873-1.55-3.392-3.462-3.392H27.692c0-1.872-1.55-3.391-3.461-3.391h-5.77zm0 5.652h23.076c.636 0 1.154.508 1.154 1.13V34.61c0 .622-.518 1.13-1.154 1.13H18.462a1.145 1.145 0 0 1-1.154-1.13V18.783c0-.623.518-1.13 1.154-1.13z"/>
-    </g>
-    <g transform="translate(150)">
-      <use fill="#000" filter="url(#t)" xlink:href="#u"/>
-      <use fill="url(#j)" xlink:href="#u"/>
-      <path fill="#FFF" fill-rule="nonzero" d="M21.316 9.652c-1.394 0-2.525 1.17-2.525 2.611v6.962h-2.735c-1.187 0-1.437.197-.421 1.251l5.55 5.738c1.85 1.914 1.828 1.921 3.682 0l5.524-5.738c1.016-1.054.677-1.25-.395-1.25h-2.788v-6.963c0-1.441-1.131-2.61-2.525-2.61h-3.367zm-9.316 16v3.429c0 1.42 1.137 2.571 2.538 2.571h16.924c1.401 0 2.538-1.151 2.538-2.571v-3.429h-1.692v3.429c0 .472-.38.857-.846.857H14.538a.853.853 0 0 1-.846-.857v-3.429H12z"/>
-    </g>
-    <g transform="translate(168 75)">
-      <use fill="#000" filter="url(#v)" xlink:href="#w"/>
-      <use fill="url(#m)" xlink:href="#w"/>
-      <path fill="#FFF" d="M29.764 29.458c-4.827-3.224-9.196-8.288-9.312-8.518-.113-.117-.23-.463-.23-.692 0-.23.117-.576.23-.806.116-.229 4.597-5.298 9.312-8.522.346-.23.804-.23 1.262-.113.346.23.691.576.691 1.035V16.1s10 .576 10.462.922c.575.576 1.033 1.956 1.033 3.225 0 1.268-.458 2.532-1.033 2.995-.462.23-10.462 1.034-10.462 1.034v4.26c0 .463-.229.804-.691 1.038-.341.23-.804.113-1.262-.117z"/>
-    </g>
-    <g transform="translate(119 133)">
-      <use fill="#000" filter="url(#x)" xlink:href="#y"/>
-      <use fill="#FFF" xlink:href="#y"/>
-      <path fill="url(#j)" fill-rule="nonzero" d="M36.754 13.905a.648.648 0 0 0-.35.07.658.658 0 0 0-.351.595v2.943s-19.17.455-19.415.63c-.359.254-.596.434-.596 1.121 0 .688.237.902.596 1.156.246.175 19.415.49 19.415.49v3.013c0 .254.127.477.35.596.224.118.49.105.701-.035 2.712-1.83 7.543-4.677 7.64-4.8a.68.68 0 0 0 .175-.42c0-.153-.075-.293-.175-.42-.097-.123-4.928-3.004-7.64-4.834a.67.67 0 0 0-.35-.105zM24.208 27.808a.67.67 0 0 0-.35.105c-2.712 1.83-7.544 4.676-7.64 4.799a.68.68 0 0 0-.176.42c0 .153.075.293.176.42.096.123 4.928 3.004 7.64 4.834a.673.673 0 0 0 1.05-.56v-2.943s19.17-.455 19.415-.63c.36-.254.596-.433.596-1.12 0-.688-.237-.903-.596-1.157-.245-.175-19.414-.49-19.414-.49v-3.012a.658.658 0 0 0-.35-.596.648.648 0 0 0-.351-.07z"/>
-    </g>
-    <use fill="#000" filter="url(#z)" xlink:href="#A"/>
-    <use fill="url(#m)" xlink:href="#A"/>
-    <use fill="#000" filter="url(#B)" xlink:href="#C"/>
-    <use fill="url(#j)" xlink:href="#C"/>
-    <use fill="#000" filter="url(#D)" xlink:href="#E"/>
-    <use fill="#FFF" xlink:href="#E"/>
-  </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/src/features/welcome/images/welcome_rewards.svg b/src/features/welcome/images/welcome_rewards.svg
index 00771d218..e22c2d5bc 100644
--- a/src/features/welcome/images/welcome_rewards.svg
+++ b/src/features/welcome/images/welcome_rewards.svg
@@ -1,163 +1,130 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 325 200">
+<svg viewBox="0 0 234 195" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
-    <linearGradient id="b" x1="5.709%" x2="98.47%" y1="-3.224%" y2="108.103%">
-      <stop offset="0%" stop-color="#F0F0F0"/>
-      <stop offset="100%" stop-color="#F2EDFD"/>
-    </linearGradient>
-    <path id="a" d="M141.296 167.196c78.035 0 141.295-37.428 141.295-83.598 0-17.757-19.12-23.784-35.077-37.323C221.982 24.612 189.318 0 141.296 0 95.382 0 64.653 22.27 38.844 42.342 20.79 56.383 0 64.593 0 83.598c0 23.636 35.498 35.822 62.15 51.027 25.411 14.496 41.06 32.57 79.146 32.57z"/>
-    <linearGradient id="f" x1="0%" y1="50.706%" y2="50.706%">
-      <stop offset="0%" stop-color="#FB542B"/>
-      <stop offset="100%" stop-color="#E3380E"/>
-    </linearGradient>
-    <rect id="e" width="45.511" height="18.455" x="-5.175" y="88.598" rx="4.233"/>
-    <filter id="d" width="183.5%" height="305.9%" x="-41.7%" y="-75.9%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
-    </filter>
-    <path id="h" d="M141.296 167.196c78.035 0 141.295-37.428 141.295-83.598 0-17.757-19.12-23.784-35.077-37.323C221.982 24.612 189.318 0 141.296 0 95.382 0 64.653 22.27 38.844 42.342 20.79 56.383 0 64.593 0 83.598c0 23.636 35.498 35.822 62.15 51.027 25.411 14.496 41.06 32.57 79.146 32.57z"/>
-    <filter id="g" width="101.8%" height="103%" x="-.9%" y="-1.5%" filterUnits="objectBoundingBox">
-      <feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="2.5"/>
-      <feOffset in="shadowBlurInner1" result="shadowOffsetInner1"/>
-      <feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/>
-      <feColorMatrix in="shadowInnerInner1" values="0 0 0 0 0.86633716 0 0 0 0 0.86633716 0 0 0 0 0.86633716 0 0 0 0.5 0"/>
-    </filter>
-    <linearGradient id="k" x1="35.192%" x2="146.327%" y1="0%" y2="222.965%">
-      <stop offset="0%" stop-color="#392DD1"/>
-      <stop offset="100%" stop-color="#FF4343"/>
-    </linearGradient>
-    <rect id="j" width="85.73" height="33.862" x="162.993" y="148.614" rx="4.233"/>
-    <filter id="i" width="144.3%" height="212.2%" x="-22.2%" y="-41.3%" filterUnits="objectBoundingBox">
+    <rect id="b" x=".591" y="98.069" width="45.511" height="18.455" rx="9.228"/>
+    <filter x="-41.7%" y="-75.9%" width="183.5%" height="305.9%" filterUnits="objectBoundingBox" id="a">
       <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <ellipse id="m" cx="43.394" cy="17.397" rx="8.467" ry="8.466"/>
-    <filter id="l" width="324.4%" height="324.4%" x="-112.2%" y="-82.7%" filterUnits="objectBoundingBox">
+    <rect id="d" x="163.591" y="80.069" width="45.511" height="18.455" rx="9.228"/>
+    <filter x="-41.7%" y="-75.9%" width="183.5%" height="305.9%" filterUnits="objectBoundingBox" id="c">
       <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <ellipse id="o" cx="259.307" cy="54.434" rx="10.584" ry="10.582"/>
-    <filter id="n" width="279.5%" height="279.6%" x="-89.8%" y="-66.2%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
-    </filter>
-    <ellipse id="q" cx="34.927" cy="157.079" rx="10.584" ry="10.582"/>
-    <filter id="p" width="279.5%" height="279.6%" x="-89.8%" y="-66.2%" filterUnits="objectBoundingBox">
+    <linearGradient x1="35.192%" y1="42%" x2="146.327%" y2="77.674%" id="g">
+      <stop stop-color="#392DD1" offset="0%"/>
+      <stop stop-color="#FF4343" offset="100%"/>
+    </linearGradient>
+    <rect id="f" x="128.591" y="145.069" width="70" height="28" rx="14"/>
+    <filter x="-27.1%" y="-50%" width="154.3%" height="235.7%" filterUnits="objectBoundingBox" id="e">
       <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <rect id="s" width="166.168" height="146.032" rx="4.072"/>
-    <filter id="r" width="122.9%" height="126%" x="-11.4%" y="-9.6%" filterUnits="objectBoundingBox">
+    <ellipse id="i" cx="14.058" cy="11.534" rx="8.467" ry="8.466"/>
+    <filter x="-112.2%" y="-82.7%" width="324.4%" height="324.4%" filterUnits="objectBoundingBox" id="h">
       <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <filter id="t" width="347.1%" height="347.1%" x="-123.5%" y="-108.8%" filterUnits="objectBoundingBox">
+    <ellipse id="k" cx="202.175" cy="46.651" rx="10.584" ry="10.582"/>
+    <filter x="-89.8%" y="-66.2%" width="279.5%" height="279.6%" filterUnits="objectBoundingBox" id="j">
       <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
-      <feMerge>
-        <feMergeNode in="shadowMatrixOuter1"/>
-        <feMergeNode in="SourceGraphic"/>
-      </feMerge>
+      <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <circle id="v" cx="17" cy="17" r="17"/>
-    <filter id="u" width="211.8%" height="211.8%" x="-55.9%" y="-41.2%" filterUnits="objectBoundingBox">
+    <rect id="m" x="27.212" y="22.582" width="150.168" height="134.032" rx="4.072"/>
+    <filter x="-12.7%" y="-10.4%" width="125.3%" height="128.4%" filterUnits="objectBoundingBox" id="l">
       <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <ellipse id="x" cx="112.818" cy="13.815" rx="13.818" ry="13.815"/>
-    <filter id="w" width="237.5%" height="237.5%" x="-68.8%" y="-50.7%" filterUnits="objectBoundingBox">
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="p">
+      <stop stop-color="#FB542B" offset="0%"/>
+      <stop stop-color="#E3380E" offset="100%"/>
+    </linearGradient>
+    <circle id="o" cx="30.591" cy="159.069" r="13"/>
+    <filter x="-73.1%" y="-53.8%" width="246.2%" height="246.2%" filterUnits="objectBoundingBox" id="n">
       <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <rect id="z" width="81.73" height="30.862" rx="4.233"/>
-    <filter id="y" width="146.5%" height="223.1%" x="-23.2%" y="-45.4%" filterUnits="objectBoundingBox">
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="s">
+      <stop stop-color="#FB542B" offset="0%"/>
+      <stop stop-color="#E3380E" offset="100%"/>
+    </linearGradient>
+    <ellipse id="r" cx="85.409" cy="13.884" rx="13.818" ry="13.815"/>
+    <filter x="-68.8%" y="-50.7%" width="237.5%" height="237.5%" filterUnits="objectBoundingBox" id="q">
       <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <rect id="B" width="71.971" height="40.212" rx="4.233"/>
-    <filter id="A" width="152.8%" height="194.5%" x="-26.4%" y="-34.8%" filterUnits="objectBoundingBox">
+    <linearGradient x1="35.192%" y1="38.443%" x2="146.327%" y2="89.979%" id="v">
+      <stop stop-color="#392DD1" offset="0%"/>
+      <stop stop-color="#FF4343" offset="100%"/>
+    </linearGradient>
+    <rect id="u" x=".591" y="47.069" width="52" height="25" rx="12.5"/>
+    <filter x="-36.5%" y="-56%" width="173.1%" height="252%" filterUnits="objectBoundingBox" id="t">
       <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <circle id="D" cx="19.5" cy="19.5" r="19.5"/>
-    <filter id="C" width="197.4%" height="197.4%" x="-48.7%" y="-35.9%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+    <linearGradient x1="35.192%" y1="0%" x2="146.327%" y2="222.965%" id="y">
+      <stop stop-color="#392DD1" offset="0%"/>
+      <stop stop-color="#FF4343" offset="100%"/>
+    </linearGradient>
+    <circle id="x" cx="154.591" cy="29.069" r="12"/>
+    <filter x="-50%" y="-37.5%" width="200%" height="200%" filterUnits="objectBoundingBox" id="w">
+      <feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="3.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
   </defs>
   <g fill="none" fill-rule="evenodd">
-    <g transform="translate(24.409 15.931)">
-      <mask id="c" fill="#fff">
-        <use xlink:href="#a"/>
-      </mask>
-      <use fill="url(#b)" fill-rule="nonzero" xlink:href="#a"/>
-      <g fill-rule="nonzero" mask="url(#c)">
-        <use fill="#000" filter="url(#d)" xlink:href="#e"/>
-        <use fill="url(#f)" xlink:href="#e"/>
-      </g>
-      <use fill="#000" fill-rule="nonzero" filter="url(#g)" xlink:href="#h"/>
+    <g fill-rule="nonzero" transform="translate(10.409 5.931)">
+      <use fill="#000" filter="url(#a)" xlink:href="#b"/>
+      <use fill="#FFF" xlink:href="#b"/>
+    </g>
+    <g fill-rule="nonzero" transform="translate(10.409 5.931)">
+      <use fill="#000" filter="url(#c)" xlink:href="#d"/>
+      <use fill="#FFF" xlink:href="#d"/>
+    </g>
+    <g fill-rule="nonzero" transform="translate(10.409 5.931)">
+      <use fill="#000" filter="url(#e)" xlink:href="#f"/>
+      <use fill="url(#g)" xlink:href="#f"/>
     </g>
-    <g fill-rule="nonzero" transform="translate(17 7)">
-      <use fill="#000" filter="url(#i)" xlink:href="#j"/>
-      <use fill="url(#k)" xlink:href="#j"/>
+    <g fill-rule="nonzero" transform="translate(10.409 5.931)">
+      <use fill="#000" filter="url(#h)" xlink:href="#i"/>
+      <use fill="#FFF" xlink:href="#i"/>
     </g>
-    <g fill-rule="nonzero" transform="translate(17 7)">
+    <g fill-rule="nonzero" transform="translate(10.409 5.931)">
+      <use fill="#000" filter="url(#j)" xlink:href="#k"/>
+      <use fill="#FFF" xlink:href="#k"/>
+    </g>
+    <g transform="translate(10.409 5.931)">
       <use fill="#000" filter="url(#l)" xlink:href="#m"/>
       <use fill="#FFF" xlink:href="#m"/>
     </g>
-    <g fill-rule="nonzero" transform="translate(17 7)">
+    <path d="M63.793 135.2l29.196-16.99 20.129-34.939V49.584c-.531 0-1.062.35-1.465 1.048L87.81 92.019l-23.84 41.388c-.402.698-.44 1.332-.177 1.792" fill="#FF4724"/>
+    <path d="M113.118 49.584V83.27l20.128 34.94 29.196 16.988c.264-.46.226-1.094-.176-1.792l-23.841-41.388-23.843-41.387c-.403-.698-.934-1.048-1.464-1.048" fill="#9E1F63"/>
+    <path d="M162.442 135.2l-29.196-16.99H92.99L63.793 135.2c.263.462.83.749 1.635.749h95.379c.805 0 1.371-.287 1.635-.75" fill="#662D91"/>
+    <path fill="#FFF" d="M92.99 118.21h40.256l-20.128-34.939z"/>
+    <g fill-rule="nonzero" transform="translate(10.409 5.931)">
       <use fill="#000" filter="url(#n)" xlink:href="#o"/>
-      <use fill="#FFF" xlink:href="#o"/>
-    </g>
-    <g fill-rule="nonzero" transform="translate(17 7)">
-      <use fill="#000" filter="url(#p)" xlink:href="#q"/>
-      <use fill="url(#k)" xlink:href="#q"/>
+      <use fill="url(#p)" xlink:href="#o"/>
     </g>
-    <g transform="translate(82.62 26.513)">
-      <use fill="#000" filter="url(#r)" xlink:href="#s"/>
-      <use fill="#FFF" xlink:href="#s"/>
-      <path fill="#FF4724" d="M34.172 112.687l29.196-16.989 20.129-34.94V27.072c-.531 0-1.062.35-1.465 1.048L58.19 69.507l-23.84 41.387c-.402.699-.44 1.332-.177 1.793"/>
-      <path fill="#9E1F63" d="M83.497 27.071V60.76l20.127 34.94 29.197 16.988c.264-.461.226-1.094-.176-1.793l-23.842-41.387-23.842-41.388c-.403-.698-.934-1.048-1.464-1.048"/>
-      <path fill="#662D91" d="M132.821 112.687l-29.196-16.989H63.369l-29.197 16.989c.263.462.83.749 1.635.749h95.379c.805 0 1.371-.287 1.635-.75"/>
-      <path fill="#FFF" d="M63.369 95.698h40.255L83.497 60.759z"/>
+    <g fill-rule="nonzero" transform="translate(10.409 5.931)">
+      <use fill="#000" filter="url(#q)" xlink:href="#r"/>
+      <use fill="url(#s)" xlink:href="#r"/>
     </g>
-    <g fill-rule="nonzero" filter="url(#t)" transform="translate(92 155)">
-      <use fill="#000" filter="url(#u)" xlink:href="#v"/>
-      <use fill="url(#f)" xlink:href="#v"/>
+    <g fill-rule="nonzero" transform="translate(10.409 5.931)">
+      <use fill="#000" filter="url(#t)" xlink:href="#u"/>
+      <use fill="url(#v)" xlink:href="#u"/>
     </g>
-    <g fill-rule="nonzero" transform="translate(17 7)">
+    <g fill-rule="nonzero" transform="translate(10.409 5.931)">
       <use fill="#000" filter="url(#w)" xlink:href="#x"/>
-      <use fill="url(#f)" xlink:href="#x"/>
-    </g>
-    <g fill-rule="nonzero" transform="translate(42.285 50.852)">
-      <use fill="#000" filter="url(#y)" xlink:href="#z"/>
-      <use fill="url(#k)" xlink:href="#z"/>
-      <ellipse cx="12.288" cy="11.111" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.058" rx="2.646" ry="2.646"/>
-      <ellipse cx="12.646" cy="20.646" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.058" rx="2.646" ry="2.646"/>
-      <path stroke="#FFF" stroke-linecap="square" stroke-linejoin="round" stroke-width="2.058" d="M23.962 10.582H71.03m-47.468 9.476h47.067"/>
-    </g>
-    <g fill-rule="nonzero" transform="translate(232 89)">
-      <use fill="#000" filter="url(#A)" xlink:href="#B"/>
-      <use fill="url(#f)" xlink:href="#B"/>
-      <path stroke="#FFF" stroke-linecap="square" stroke-linejoin="round" stroke-width="2.116" d="M12.228 9.524h49.159m-49.214 9.524H42.8M12.17 29.63h38.482"/>
-    </g>
-    <g fill-rule="nonzero" transform="translate(216 10)">
-      <use fill="#000" filter="url(#C)" xlink:href="#D"/>
-      <use fill="url(#k)" xlink:href="#D"/>
-      <path stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.83 9.592v18.496M29.49 18.826H9.858"/>
+      <use fill="url(#y)" xlink:href="#x"/>
     </g>
-    <path stroke="#FFF" stroke-linecap="square" stroke-linejoin="round" stroke-width="2" d="M109 180.5v-15.698"/>
-    <path stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M100.801 170.642l8.372-7.75 7.086 7.75"/>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/src/features/welcome/images/welcome_search.svg b/src/features/welcome/images/welcome_search.svg
index df9626557..03909fbf3 100644
--- a/src/features/welcome/images/welcome_search.svg
+++ b/src/features/welcome/images/welcome_search.svg
@@ -1,189 +1,189 @@
-<svg viewBox="0 0 328 170" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg viewBox="0 0 328 170" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M112.509 46.267c0-3.82 3.098-6.918 6.936-6.918h139.451c3.83 0 6.936 3.103 6.936 6.918V70.15c0 3.821-3.098 6.918-6.936 6.918H119.445c-3.83 0-6.936-3.102-6.936-6.918V46.267z" fill="#5330BF" filter="url(#filter0_d)"/>
+  <path d="M239.631 89.001c0-3.82 3.101-6.918 6.929-6.918h48.248c3.826 0 6.928 3.102 6.928 6.918v23.883c0 3.821-3.101 6.918-6.928 6.918H246.56c-3.827 0-6.929-3.103-6.929-6.918V89.001z" fill="#5330BF" filter="url(#filter1_d)"/>
+  <path d="M41.657 95.818c0-3.821 3.108-6.919 6.93-6.919h127.844c3.828 0 6.931 3.103 6.931 6.919V119.7c0 3.82-3.108 6.918-6.931 6.918H48.588c-3.828 0-6.93-3.103-6.93-6.918V95.818z" fill="url(#paint0_linear)" filter="url(#filter2_d)"/>
+  <path d="M50.481 54.907h-4.234a6.928 6.928 0 0 0-6.928 6.927v4.25a6.928 6.928 0 0 0 6.928 6.928h4.234a6.928 6.928 0 0 0 6.928-6.928v-4.25a6.928 6.928 0 0 0-6.928-6.928z" fill="url(#paint1_linear)" filter="url(#filter3_d)"/>
+  <path d="M17.19 73.442a6.93 6.93 0 0 1 6.93-6.935h279.65a6.934 6.934 0 0 1 6.93 6.935v23.704a6.93 6.93 0 0 1-6.93 6.935H24.12a6.934 6.934 0 0 1-6.93-6.935V73.442z" fill="#fff" filter="url(#filter4_d)"/>
+  <path d="M41.45 96.592c6.43 0 11.644-5.214 11.644-11.645 0-6.431-5.213-11.645-11.645-11.645-6.43 0-11.644 5.214-11.644 11.645 0 6.431 5.213 11.645 11.644 11.645z" fill="#fff"/>
+  <path d="M41.45 94.874c5.482 0 9.927-4.444 9.927-9.927s-4.445-9.927-9.928-9.927c-5.482 0-9.927 4.444-9.927 9.927s4.445 9.927 9.928 9.927z" fill="#DE5833"/>
+  <path d="M41.45 96.592c-6.432 0-11.645-5.214-11.645-11.645 0-6.431 5.213-11.645 11.644-11.645 6.432 0 11.645 5.214 11.645 11.645-.007 6.428-5.217 11.637-11.645 11.645zm0-22.32c-5.896 0-10.675 4.78-10.675 10.675 0 5.895 4.78 10.674 10.674 10.674 5.896 0 10.675-4.779 10.675-10.674-.007-5.893-4.782-10.668-10.675-10.674z" fill="#DE5833"/>
+  <path d="M43.072 79.464a3.002 3.002 0 0 0-1.553-.716 3.43 3.43 0 0 0-1.19-.947 5.588 5.588 0 0 0-3.473-.569h-.064c-.142.027-.23.078-.348.097.351.113.695.249 1.029.406-.17.064-.4.103-.582.177a.903.903 0 0 0-.194.056.664.664 0 0 0-.294.51 8.408 8.408 0 0 1 2.912.239 5.056 5.056 0 0 0-1.611.468.39.39 0 0 0-.049.027c-.05.018-.098.04-.145.064-1.328.699-1.916 2.329-1.567 4.295.303 1.785 1.625 7.893 2.207 10.754a9.901 9.901 0 0 0 3.294.557 10.023 10.023 0 0 0 2.367-.285 250.55 250.55 0 0 1-1.026-1.982c-.777-1.54-1.54-3.709-1.19-5.108.066-.254.066-1.295.278-1.433 1.632-1.065 1.515-.034 2.171-.512.344-.226.6-.562.726-.953.425-1.467-.578-4.025-1.698-5.145z" fill="#fff"/>
+  <path d="M36.791 77.242c-.141.027-.228.078-.347.097.351.113.695.248 1.029.406a.578.578 0 0 0 .126-.063c-.186-.027-.613-.42-.807-.44zM36.613 78.245c0-.165.116-.258.272-.324a.902.902 0 0 0-.194.056.664.664 0 0 0-.288.501 8.408 8.408 0 0 1 2.912.239l.194-.027a5.834 5.834 0 0 0-2.896-.445zM37.638 79.212c-.05.018-.099.04-.146.064-1.327.699-1.915 2.329-1.566 4.295.32 1.785 1.642 7.893 2.224 10.754.175.062.353.118.532.169-.532-2.572-1.986-9.353-2.327-11.251-.34-1.935-.006-3.323 1.283-4.031z" fill="#D5D7D8"/>
+  <path d="M38.958 82.905a.194.194 0 1 0 0 .388.194.194 0 0 0 0-.388zM43.823 82.859a.163.163 0 1 0 0-.326.163.163 0 0 0 0 .326zM38.84 81.21s-.372-.488-1.134-.176c-.763.313-.476.95-.476.95s-.02-.346.518-.684c.33-.2.734-.232 1.091-.09zM43.924 81.16a.823.823 0 0 0-.582-.465c.058.095.114.194.17.293.143.044.28.102.412.172z" fill="#fff"/>
+  <path d="M42.408 81.226s.173-.281.808-.289c.1.002.2.019.297.05-.057-.1-.113-.193-.171-.292h-.016c-.811-.138-.918.531-.918.531z" fill="#fff"/>
+  <path d="M38.631 82.606a.736.736 0 1 0-.003 1.472.736.736 0 0 0 .003-1.472zm.327.681a.194.194 0 1 1 0-.388.194.194 0 0 1 0 .388z" fill="url(#paint2_linear)"/>
+  <path d="M43.544 82.275a.633.633 0 1 0-.02 1.265.633.633 0 0 0 .02-1.266zm.279.582a.163.163 0 1 1 .165-.163.163.163 0 0 1-.165.165v-.002z" fill="url(#paint3_linear)"/>
+  <path d="M38.84 81.21s-.372-.488-1.134-.176c-.763.313-.476.95-.476.95s-.02-.346.518-.684c.33-.2.734-.232 1.091-.09z" fill="url(#paint4_linear)"/>
+  <path d="M43.513 80.988c.142.044.28.102.411.172a.823.823 0 0 0-.582-.465h-.016c-.811-.136-.918.533-.918.533s.173-.281.808-.289c.1.001.2.018.297.049z" fill="url(#paint5_linear)"/>
+  <path d="M40.88 86.175c.075-.444 1.223-1.284 2.037-1.337.813-.052 1.069-.039 1.746-.194.678-.155 2.432-.6 2.912-.823.479-.223 2.544.11 1.092.92-.619.344-2.31.982-3.519 1.347s-1.94-.343-2.34.249c-.318.473-.064 1.12 1.378 1.253 1.94.18 3.816-.877 4.021-.316.206.56-1.675 1.263-2.82 1.287-1.145.023-3.449-.757-3.794-.998-.345-.24-.81-.802-.712-1.388z" fill="#FDD20A"/>
+  <path d="M45.092 90.641c-.328-.074-1.585.813-2.078 1.165a1.89 1.89 0 0 0-.053-.183c-.08-.194-1.286-.085-1.609.216-.764-.388-2.329-1.107-2.371-.658-.047.582 0 3.01.318 3.192.233.132 1.51-.559 2.183-.943l.064.02c.41.093 1.186 0 1.46-.183a.214.214 0 0 0 .066-.085c.623.24 1.884.7 2.156.601.365-.132.274-3.049-.136-3.142z" fill="#65BC46"/>
+  <path d="M41.1 92.21c0 .958-.138 1.358.274 1.459.411.1 1.184 0 1.46-.18.275-.181.044-1.414-.047-1.645-.092-.23-1.687-.044-1.687.365z" fill="#43A244"/>
+  <path d="M80.265 35.558a6.93 6.93 0 0 1 6.924-6.929h33.768a6.922 6.922 0 0 1 6.924 6.929v6.235a6.93 6.93 0 0 1-6.924 6.928H87.189a6.922 6.922 0 0 1-6.924-6.928v-6.235z" fill="#fff" filter="url(#filter5_d)"/>
+  <path d="M212 137.929a6.93 6.93 0 0 1 6.924-6.929h33.768a6.921 6.921 0 0 1 6.923 6.929v6.234a6.93 6.93 0 0 1-6.923 6.929h-33.768a6.922 6.922 0 0 1-6.924-6.929v-6.234z" fill="#fff" filter="url(#filter6_d)"/>
+  <path d="M34.657 145.301a6.928 6.928 0 0 1 6.93-6.924h19.295a6.925 6.925 0 0 1 6.93 6.924v.418c0 3.823-3.104 6.923-6.93 6.923H41.587a6.924 6.924 0 0 1-6.93-6.923v-.418z" fill="#fff" filter="url(#filter7_d)"/>
+  <path d="M233.588 27.788c0-3.826 3.097-6.928 6.919-6.928h10.421a6.92 6.92 0 0 1 6.92 6.928v6.235a6.924 6.924 0 0 1-6.92 6.928h-10.421a6.92 6.92 0 0 1-6.919-6.928v-6.235z" fill="#fff" filter="url(#filter8_d)"/>
+  <path d="M63.083 73.305v22.878" stroke="#76777A" stroke-width="1.706" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M69.401 24.92c0-3.822 3.105-6.92 6.932-6.92h7.486c3.828 0 6.931 3.103 6.931 6.92v3.294c0 3.822-3.104 6.92-6.931 6.92h-7.486c-3.828 0-6.932-3.103-6.932-6.92V24.92z" fill="url(#paint6_linear)" filter="url(#filter9_d)"/>
+  <path d="M129.291 121.921h-10.265a6.927 6.927 0 0 0-6.927 6.928v4.25a6.927 6.927 0 0 0 6.927 6.927h10.265a6.927 6.927 0 0 0 6.928-6.927v-4.25a6.928 6.928 0 0 0-6.928-6.928z" fill="url(#paint7_linear)" filter="url(#filter10_d)"/>
+  <path d="M217.597 92.784h-10.265a6.927 6.927 0 0 0-6.927 6.928v10.285a6.927 6.927 0 0 0 6.927 6.928h10.265a6.928 6.928 0 0 0 6.928-6.928V99.712a6.928 6.928 0 0 0-6.928-6.928z" fill="url(#paint8_linear)" filter="url(#filter11_d)"/>
+  <path d="M174.692 30.626h-4.235a6.927 6.927 0 0 0-6.927 6.928v4.25a6.927 6.927 0 0 0 6.927 6.927h4.235a6.928 6.928 0 0 0 6.928-6.927v-4.25a6.928 6.928 0 0 0-6.928-6.928z" fill="url(#paint9_linear)" filter="url(#filter12_d)"/>
   <defs>
-    <path d="M95.51 28.267c0-3.82 3.097-6.918 6.935-6.918h139.45c3.831 0 6.937 3.103 6.937 6.918V52.15c0 3.821-3.098 6.918-6.936 6.918h-139.45c-3.831 0-6.937-3.102-6.937-6.918V28.267z" id="b"/>
-    <filter x="-20.5%" y="-59.7%" width="141.1%" height="267%" filterUnits="objectBoundingBox" id="a">
-      <feOffset dy="9" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter0_d" x="104.509" y="35.349" width="169.322" height="53.72" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <path d="M222.631 71.001c0-3.82 3.101-6.918 6.929-6.918h48.248c3.826 0 6.928 3.102 6.928 6.918v23.883c0 3.82-3.1 6.918-6.928 6.918H229.56c-3.827 0-6.929-3.103-6.929-6.918V71z" id="d"/>
-    <filter x="-50.7%" y="-59.7%" width="201.4%" height="267%" filterUnits="objectBoundingBox" id="c">
-      <feOffset dy="9" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter1_d" x="231.631" y="78.083" width="78.105" height="53.72" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="g">
-      <stop stop-color="#F50" offset="0%"/>
-      <stop stop-color="#FF2000" offset="100%"/>
-    </linearGradient>
-    <path d="M24.657 77.818c0-3.821 3.108-6.919 6.93-6.919h127.844c3.828 0 6.93 3.103 6.93 6.919V101.7c0 3.82-3.107 6.918-6.93 6.918H31.588c-3.828 0-6.93-3.103-6.93-6.918V77.818z" id="f"/>
-    <filter x="-22.2%" y="-59.7%" width="144.5%" height="267%" filterUnits="objectBoundingBox" id="e">
-      <feOffset dy="9" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter2_d" x="33.657" y="84.899" width="157.705" height="53.72" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="j">
-      <stop stop-color="#FB542B" offset="0%"/>
-      <stop stop-color="#E3380E" offset="100%"/>
-    </linearGradient>
-    <rect id="i" x="22.319" y="36.906" width="18.09" height="18.105" rx="6.928"/>
-    <filter x="-174.1%" y="-124.3%" width="448.3%" height="448%" filterUnits="objectBoundingBox" id="h">
-      <feOffset dy="9" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter3_d" x="31.319" y="50.907" width="34.09" height="34.105" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <path d="M0 52.583a6.93 6.93 0 0 1 6.93-6.936h279.65a6.934 6.934 0 0 1 6.93 6.936v23.703a6.93 6.93 0 0 1-6.93 6.936H6.93A6.934 6.934 0 0 1 0 76.286V52.583z" id="l"/>
-    <filter x="-10.7%" y="-59.9%" width="121.5%" height="267.7%" filterUnits="objectBoundingBox" id="k">
-      <feOffset dy="9" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter4_d" x="9.19" y="62.507" width="309.51" height="53.574" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <linearGradient x1=".133%" y1="49.999%" x2="137.202%" y2="49.999%" id="m">
-      <stop stop-color="#6176B9" offset="1%"/>
-      <stop stop-color="#394A9F" offset="69%"/>
-    </linearGradient>
-    <linearGradient x1=".921%" y1="49.852%" x2="137.883%" y2="49.852%" id="n">
-      <stop stop-color="#6176B9" offset="1%"/>
-      <stop stop-color="#394A9F" offset="69%"/>
-    </linearGradient>
-    <linearGradient x1=".037%" y1="50.069%" x2="137.253%" y2="50.069%" id="o">
-      <stop stop-color="#6176B9" offset="1%"/>
-      <stop stop-color="#394A9F" offset="69%"/>
-    </linearGradient>
-    <linearGradient x1="0%" y1="49.714%" x2="137.132%" y2="49.714%" id="p">
-      <stop stop-color="#6176B9" offset="1%"/>
-      <stop stop-color="#394A9F" offset="69%"/>
-    </linearGradient>
-    <path d="M63.076 14.698a6.93 6.93 0 0 1 6.923-6.928h33.768a6.922 6.922 0 0 1 6.924 6.928v6.235a6.93 6.93 0 0 1-6.924 6.929H70a6.922 6.922 0 0 1-6.923-6.929v-6.235z" id="r"/>
-    <filter x="-66.2%" y="-112%" width="232.3%" height="413.6%" filterUnits="objectBoundingBox" id="q">
-      <feOffset dy="9" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter5_d" x="72.265" y="24.629" width="63.615" height="36.092" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <path d="M196.02 116.677a6.93 6.93 0 0 1 6.923-6.929h33.769a6.922 6.922 0 0 1 6.923 6.929v6.235a6.93 6.93 0 0 1-6.923 6.928h-33.769a6.922 6.922 0 0 1-6.923-6.928v-6.235z" id="t"/>
-    <filter x="-66.2%" y="-112%" width="232.3%" height="413.6%" filterUnits="objectBoundingBox" id="s">
-      <feOffset dy="9" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter6_d" x="204" y="127" width="63.615" height="36.092" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <path d="M17.467 124.441a6.928 6.928 0 0 1 6.93-6.923h19.296a6.924 6.924 0 0 1 6.93 6.923v.418a6.928 6.928 0 0 1-6.93 6.924H24.397a6.924 6.924 0 0 1-6.93-6.924v-.418z" id="v"/>
-    <filter x="-95%" y="-157.7%" width="290%" height="541.6%" filterUnits="objectBoundingBox" id="u">
-      <feOffset dy="9" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter7_d" x="26.657" y="134.377" width="49.156" height="30.265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <path d="M216.398 6.929c0-3.827 3.097-6.929 6.92-6.929h10.42a6.92 6.92 0 0 1 6.92 6.929v6.234c0 3.827-3.097 6.93-6.92 6.93h-10.42a6.92 6.92 0 0 1-6.92-6.93V6.93z" id="x"/>
-    <filter x="-129.8%" y="-112%" width="359.7%" height="413.6%" filterUnits="objectBoundingBox" id="w">
-      <feOffset dy="9" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter8_d" x="225.588" y="16.86" width="40.26" height="36.092" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <linearGradient x1="35.192%" y1="17.793%" x2="146.327%" y2="161.415%" id="A">
-      <stop stop-color="#392DD1" offset="0%"/>
-      <stop stop-color="#FF4343" offset="100%"/>
-    </linearGradient>
-    <path d="M52.401 6.92c0-3.822 3.105-6.92 6.932-6.92h7.486c3.828 0 6.931 3.103 6.931 6.92v3.294c0 3.822-3.104 6.92-6.931 6.92h-7.486c-3.828 0-6.932-3.103-6.932-6.92V6.92z" id="z"/>
-    <filter x="-147.6%" y="-131.3%" width="395.1%" height="467.7%" filterUnits="objectBoundingBox" id="y">
-      <feOffset dy="9" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter9_d" x="61.401" y="14" width="37.349" height="33.134" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <linearGradient x1="35.192%" y1="21.827%" x2="146.327%" y2="147.459%" id="D">
-      <stop stop-color="#392DD1" offset="0%"/>
-      <stop stop-color="#FF4343" offset="100%"/>
-    </linearGradient>
-    <rect id="C" x="95.099" y="103.921" width="24.12" height="18.105" rx="6.928"/>
-    <filter x="-74.6%" y="-66.3%" width="249.3%" height="298.8%" filterUnits="objectBoundingBox" id="B">
-      <feOffset dy="6" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter10_d" x="104.099" y="117.921" width="40.12" height="34.105" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="G">
-      <stop stop-color="#FB542B" offset="0%"/>
-      <stop stop-color="#E3380E" offset="100%"/>
-    </linearGradient>
-    <rect id="F" x="183.405" y="74.784" width="24.12" height="24.141" rx="6.928"/>
-    <filter x="-130.6%" y="-93.2%" width="361.2%" height="361%" filterUnits="objectBoundingBox" id="E">
-      <feOffset dy="9" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.311311141 0" in="shadowBlurOuter1"/>
+    <filter id="filter11_d" x="192.405" y="88.784" width="40.12" height="40.141" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
-    <rect id="I" x="146.53" y="12.626" width="18.09" height="18.105" rx="6.928"/>
-    <filter x="-99.5%" y="-66.3%" width="299%" height="298.8%" filterUnits="objectBoundingBox" id="H">
-      <feOffset dy="6" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    <filter id="filter12_d" x="155.53" y="26.626" width="34.09" height="34.105" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
     </filter>
+    <linearGradient id="paint0_linear" x1="41.657" y1="108.025" x2="183.362" y2="108.025" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F50"/>
+      <stop offset="1" stop-color="#FF2000"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear" x1="39.319" y1="64.087" x2="57.409" y2="64.087" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FB542B"/>
+      <stop offset="1" stop-color="#E3380E"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear" x1="37.896" y1="83.342" x2="39.912" y2="83.342" gradientUnits="userSpaceOnUse">
+      <stop offset=".01" stop-color="#6176B9"/>
+      <stop offset=".69" stop-color="#394A9F"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear" x1="42.913" y1="82.905" x2="44.646" y2="82.905" gradientUnits="userSpaceOnUse">
+      <stop offset=".01" stop-color="#6176B9"/>
+      <stop offset=".69" stop-color="#394A9F"/>
+    </linearGradient>
+    <linearGradient id="paint4_linear" x1="37.178" y1="81.457" x2="39.458" y2="81.457" gradientUnits="userSpaceOnUse">
+      <stop offset=".01" stop-color="#6176B9"/>
+      <stop offset=".69" stop-color="#394A9F"/>
+    </linearGradient>
+    <linearGradient id="paint5_linear" x1="42.408" y1="80.951" x2="44.487" y2="80.951" gradientUnits="userSpaceOnUse">
+      <stop offset=".01" stop-color="#6176B9"/>
+      <stop offset=".69" stop-color="#394A9F"/>
+    </linearGradient>
+    <linearGradient id="paint6_linear" x1="76.914" y1="21.049" x2="94.547" y2="49.441" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#392DD1"/>
+      <stop offset="1" stop-color="#FF4343"/>
+    </linearGradient>
+    <linearGradient id="paint7_linear" x1="120.587" y1="125.873" x2="139.272" y2="154.012" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#392DD1"/>
+      <stop offset="1" stop-color="#FF4343"/>
+    </linearGradient>
+    <linearGradient id="paint8_linear" x1="200.405" y1="105.025" x2="224.525" y2="105.025" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FB542B"/>
+      <stop offset="1" stop-color="#E3380E"/>
+    </linearGradient>
+    <linearGradient id="paint9_linear" x1="163.53" y1="39.806" x2="181.62" y2="39.806" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FB542B"/>
+      <stop offset="1" stop-color="#E3380E"/>
+    </linearGradient>
   </defs>
-  <g fill="none" fill-rule="evenodd">
-    <g transform="translate(17 9)">
-      <use fill="#000" filter="url(#a)" xlink:href="#b"/>
-      <use fill="#5330BF" xlink:href="#b"/>
-    </g>
-    <g transform="translate(17 9)">
-      <use fill="#000" filter="url(#c)" xlink:href="#d"/>
-      <use fill="#5330BF" xlink:href="#d"/>
-    </g>
-    <g transform="translate(17 9)">
-      <use fill="#000" filter="url(#e)" xlink:href="#f"/>
-      <use fill="url(#g)" xlink:href="#f"/>
-    </g>
-    <g transform="translate(17 9)">
-      <use fill="#000" filter="url(#h)" xlink:href="#i"/>
-      <use fill="url(#j)" xlink:href="#i"/>
-    </g>
-    <g transform="translate(17.19 11.86)">
-      <use fill="#000" filter="url(#k)" xlink:href="#l"/>
-      <use fill="#FFF" xlink:href="#l"/>
-    </g>
-    <g transform="translate(29.805 64.302)" fill-rule="nonzero">
-      <circle fill="#FFF" cx="11.645" cy="11.645" r="11.645"/>
-      <circle fill="#DE5833" cx="11.645" cy="11.645" r="9.927"/>
-      <path d="M11.645 23.29C5.214 23.29 0 18.075 0 11.644 0 5.214 5.214 0 11.645 0c6.43 0 11.644 5.214 11.644 11.645-.007 6.428-5.216 11.637-11.644 11.644zm0-22.32C5.749.97.97 5.75.97 11.645c0 5.895 4.78 10.674 10.675 10.674 5.895 0 10.674-4.779 10.674-10.674C22.313 5.752 17.537.977 11.645.97z" fill="#DE5833"/>
-      <path d="M13.267 6.162a3.002 3.002 0 0 0-1.552-.716 3.43 3.43 0 0 0-1.19-.947A5.588 5.588 0 0 0 7.05 3.93h-.064c-.142.027-.23.078-.348.097.352.113.695.249 1.03.406-.17.064-.4.103-.583.176a.9.9 0 0 0-.194.057.664.664 0 0 0-.293.51 8.41 8.41 0 0 1 2.91.239 5.058 5.058 0 0 0-1.61.468.388.388 0 0 0-.049.027 1.13 1.13 0 0 0-.145.064c-1.328.698-1.916 2.329-1.566 4.295.302 1.785 1.624 7.893 2.206 10.754a9.898 9.898 0 0 0 3.294.557 10.026 10.026 0 0 0 2.368-.286c-.406-.776-.777-1.49-1.027-1.981-.776-1.54-1.539-3.71-1.19-5.108.066-.255.066-1.295.278-1.433 1.632-1.065 1.516-.035 2.172-.512.343-.226.599-.562.725-.953.425-1.467-.578-4.025-1.698-5.145z" fill="#FFF"/>
-      <path d="M6.987 3.94c-.142.027-.23.077-.348.097.352.113.695.248 1.03.405a.582.582 0 0 0 .125-.062c-.186-.027-.613-.42-.807-.44zM6.808 4.943c0-.165.117-.258.272-.324a.9.9 0 0 0-.194.056.664.664 0 0 0-.287.501 8.41 8.41 0 0 1 2.91.239l.195-.027a5.834 5.834 0 0 0-2.896-.445zM6.987 3.938h.056-.056zM7.833 5.91a1.13 1.13 0 0 0-.146.064c-1.327.698-1.915 2.329-1.566 4.295.32 1.785 1.642 7.893 2.224 10.754.175.062.354.118.532.168-.532-2.571-1.985-9.352-2.327-11.25-.34-1.935-.006-3.323 1.283-4.031z" fill="#D5D7D8"/>
-      <path d="M9.153 9.603a.194.194 0 1 0 0 .388.194.194 0 0 0 0-.388zM14.018 9.556a.163.163 0 1 0 0-.326.163.163 0 0 0 0 .326zM9.034 7.909s-.37-.49-1.133-.177-.476.95-.476.95-.019-.346.519-.684c.33-.2.733-.232 1.09-.09zM14.12 7.858a.823.823 0 0 0-.583-.466c.058.096.115.195.17.294.143.044.28.102.412.172z" fill="#FFF"/>
-      <path d="M12.603 7.924s.173-.281.808-.289c.1.002.2.019.297.05-.056-.1-.113-.194-.171-.293h-.016c-.81-.137-.918.532-.918.532z" fill="#FFF"/>
-      <path d="M8.827 9.304a.736.736 0 1 0-.004 1.471.736.736 0 0 0 .004-1.47zm.326.681a.194.194 0 1 1 0-.388.194.194 0 0 1 0 .388z" fill="url(#m)"/>
-      <path d="M13.739 8.972a.633.633 0 1 0-.02 1.266.633.633 0 0 0 .02-1.266zm.28.583a.163.163 0 1 1 .164-.164.163.163 0 0 1-.165.165v-.001z" fill="url(#n)"/>
-      <path d="M9.034 7.909s-.37-.49-1.133-.177-.476.95-.476.95-.019-.346.519-.684c.33-.2.733-.232 1.09-.09z" fill="url(#o)"/>
-      <path d="M13.708 7.686c.142.044.28.102.411.172a.823.823 0 0 0-.582-.466h-.016c-.81-.135-.918.534-.918.534s.173-.281.808-.289c.1.001.2.018.297.049z" fill="url(#p)"/>
-      <path d="M11.076 12.873c.074-.444 1.223-1.285 2.036-1.337.813-.052 1.07-.039 1.747-.194s2.431-.6 2.91-.823c.48-.223 2.545.11 1.094.92-.62.344-2.31.982-3.52 1.347-1.208.365-1.94-.344-2.34.248-.318.474-.064 1.12 1.378 1.254 1.941.18 3.816-.877 4.022-.316.205.56-1.675 1.263-2.82 1.286-1.145.024-3.45-.756-3.795-.997-.345-.24-.809-.802-.712-1.388z" fill="#FDD20A"/>
-      <path d="M15.288 17.339c-.328-.074-1.586.813-2.079 1.164a1.886 1.886 0 0 0-.052-.182c-.08-.194-1.287-.085-1.61.215-.764-.388-2.328-1.106-2.37-.657-.048.582 0 3.01.317 3.192.233.132 1.51-.559 2.184-.943l.064.02c.41.092 1.186 0 1.46-.183a.213.213 0 0 0 .065-.085c.623.24 1.885.7 2.156.601.365-.132.274-3.049-.135-3.142z" fill="#65BC46"/>
-      <path d="M11.295 18.907c0 .959-.137 1.359.274 1.46.411.1 1.184 0 1.46-.18.275-.181.044-1.414-.047-1.645-.091-.23-1.687-.044-1.687.365z" fill="#43A244"/>
-    </g>
-    <g transform="translate(17.19 11.86)">
-      <use fill="#000" filter="url(#q)" xlink:href="#r"/>
-      <use fill="#FFF" xlink:href="#r"/>
-    </g>
-    <g transform="translate(17.19 11.86)">
-      <use fill="#000" filter="url(#s)" xlink:href="#t"/>
-      <use fill="#FFF" xlink:href="#t"/>
-    </g>
-    <g transform="translate(17.19 11.86)">
-      <use fill="#000" filter="url(#u)" xlink:href="#v"/>
-      <use fill="#FFF" xlink:href="#v"/>
-    </g>
-    <g transform="translate(17.19 11.86)">
-      <use fill="#000" filter="url(#w)" xlink:href="#x"/>
-      <use fill="#FFF" xlink:href="#x"/>
-    </g>
-    <path d="M63.083 64.306v22.877" stroke="#76777A" stroke-width="1.706" stroke-linecap="round" stroke-linejoin="round"/>
-    <g transform="translate(17 9)">
-      <use fill="#000" filter="url(#y)" xlink:href="#z"/>
-      <use fill="url(#A)" xlink:href="#z"/>
-    </g>
-    <g transform="translate(17 9)">
-      <use fill="#000" filter="url(#B)" xlink:href="#C"/>
-      <use fill="url(#D)" xlink:href="#C"/>
-    </g>
-    <g transform="translate(17 9)">
-      <use fill="#000" filter="url(#E)" xlink:href="#F"/>
-      <use fill="url(#G)" xlink:href="#F"/>
-    </g>
-    <g transform="translate(17 9)">
-      <use fill="#000" filter="url(#H)" xlink:href="#I"/>
-      <use fill="url(#j)" xlink:href="#I"/>
-    </g>
-  </g>
 </svg>
\ No newline at end of file
diff --git a/src/features/welcome/images/welcome_shields.svg b/src/features/welcome/images/welcome_shields.svg
index 44a9620e6..e6abe7b13 100644
--- a/src/features/welcome/images/welcome_shields.svg
+++ b/src/features/welcome/images/welcome_shields.svg
@@ -1,172 +1,180 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 325 200">
+<svg viewBox="0 0 235 197" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
-    <linearGradient id="b" x1="5.709%" x2="101.747%" y1="-3.224%" y2="98.229%">
-      <stop offset="0%" stop-color="#F0F0F0"/>
-      <stop offset="100%" stop-color="#F2EDFD"/>
-    </linearGradient>
-    <path id="a" d="M49.85.868c31.333 8.376 54.915 10.53 70.745 6.464 23.746-6.1 61.623-5.54 80.684 18.661 19.062 24.201 41.39 56.035 17.05 87.463-24.339 31.427-58.493 42.91-71.487 21.85-12.995-21.06-48.131-7.705-61.885 5.067-13.755 12.772-95.323-1.047-82.96-39.875 12.364-38.828-9.012-48.869.545-76.945C8.914 4.836 24.682-2.726 49.849.868z"/>
-    <linearGradient id="f" x1="35.192%" x2="146.327%" y1="0%" y2="222.965%">
-      <stop offset="0%" stop-color="#392DD1"/>
-      <stop offset="100%" stop-color="#FF4343"/>
-    </linearGradient>
-    <path id="e" d="M194 86.842A7.846 7.846 0 0 1 201.841 79h29.855c4.331 0 7.842 3.52 7.842 7.842v4.79a7.846 7.846 0 0 1-7.842 7.842h-29.855c-4.33 0-7.841-3.52-7.841-7.843v-4.789z"/>
-    <filter id="d" width="260.3%" height="456.6%" x="-80.2%" y="-129.4%" filterUnits="objectBoundingBox">
-      <feOffset dy="10" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="10.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
-    </filter>
-    <path id="h" d="M-26 52.842A7.846 7.846 0 0 1-18.159 45h29.855c4.331 0 7.842 3.52 7.842 7.842v4.79a7.846 7.846 0 0 1-7.842 7.842h-29.855c-4.33 0-7.841-3.52-7.841-7.843v-4.789z"/>
-    <filter id="g" width="260.3%" height="456.6%" x="-80.2%" y="-129.4%" filterUnits="objectBoundingBox">
-      <feOffset dy="10" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="10.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
-    </filter>
-    <path id="j" d="M49.85.868c31.333 8.376 54.915 10.53 70.745 6.464 23.746-6.1 61.623-5.54 80.684 18.661 19.062 24.201 41.39 56.035 17.05 87.463-24.339 31.427-58.493 42.91-71.487 21.85-12.995-21.06-48.131-7.705-61.885 5.067-13.755 12.772-95.323-1.047-82.96-39.875 12.364-38.828-9.012-48.869.545-76.945C8.914 4.836 24.682-2.726 49.849.868z"/>
-    <filter id="i" width="103.9%" height="106.2%" x="-2%" y="-3.1%" filterUnits="objectBoundingBox">
-      <feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="4.5"/>
-      <feOffset in="shadowBlurInner1" result="shadowOffsetInner1"/>
-      <feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/>
-      <feColorMatrix in="shadowInnerInner1" values="0 0 0 0 0.654177296 0 0 0 0 0.654177296 0 0 0 0 0.654177296 0 0 0 0.2 0"/>
-    </filter>
-    <filter id="k" width="144.6%" height="134.4%" x="-22.3%" y="-17.2%" filterUnits="objectBoundingBox">
-      <feOffset dy="6" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5"/>
-      <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+    <filter x="-19.4%" y="-13.9%" width="138.8%" height="130%" filterUnits="objectBoundingBox" id="a">
+      <feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/>
       <feMerge>
         <feMergeNode in="shadowMatrixOuter1"/>
         <feMergeNode in="SourceGraphic"/>
       </feMerge>
     </filter>
-    <linearGradient id="l" x1="0%" y1="50.706%" y2="50.706%">
-      <stop offset="0%" stop-color="#F50"/>
-      <stop offset="57.237%" stop-color="#FF2000"/>
-      <stop offset="100%" stop-color="#FF2000"/>
+    <linearGradient x1="41.2%" y1="0%" x2="107.243%" y2="222.965%" id="d">
+      <stop stop-color="#392DD1" offset="0%"/>
+      <stop stop-color="#FF4343" offset="100%"/>
+    </linearGradient>
+    <path d="M94.717 7.364l5.211-6.88 5.212 6.88h24.415a8.963 8.963 0 0 1 8.965 8.97V170.86c0 4.954-4.025 8.97-8.965 8.97H9.23a8.963 8.963 0 0 1-8.965-8.97V16.333c0-4.954 4.026-8.97 8.965-8.97h85.487z" id="c"/>
+    <filter x="-5.1%" y="-2.8%" width="110.1%" height="107.8%" filterUnits="objectBoundingBox" id="b">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1"/>
+    </filter>
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="e">
+      <stop stop-color="#F50" offset="0%"/>
+      <stop stop-color="#FF2000" offset="57.237%"/>
+      <stop stop-color="#FF2000" offset="100%"/>
     </linearGradient>
-    <ellipse id="n" cx="69.467" cy="74.466" rx="8.467" ry="8.466"/>
-    <filter id="m" width="324.4%" height="324.4%" x="-112.2%" y="-82.7%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+    <ellipse id="g" cx="45.467" cy="74.466" rx="8.467" ry="8.466"/>
+    <filter x="-41.3%" y="-29.5%" width="182.7%" height="182.7%" filterUnits="objectBoundingBox" id="f">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1"/>
     </filter>
-    <ellipse id="p" cx="228.467" cy="78.466" rx="4.467" ry="4.466"/>
-    <filter id="o" width="525.3%" height="525.5%" x="-212.7%" y="-156.8%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+    <ellipse id="i" cx="204.467" cy="78.466" rx="4.467" ry="4.466"/>
+    <filter x="-78.3%" y="-56%" width="256.7%" height="256.8%" filterUnits="objectBoundingBox" id="h">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1"/>
     </filter>
-    <ellipse id="r" cx="45.467" cy="31.466" rx="13.467" ry="13.466"/>
-    <filter id="q" width="241.1%" height="241.1%" x="-70.5%" y="-52%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+    <ellipse id="k" cx="37.467" cy="31.466" rx="13.467" ry="13.466"/>
+    <filter x="-26%" y="-18.6%" width="152%" height="152%" filterUnits="objectBoundingBox" id="j">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1"/>
     </filter>
-    <linearGradient id="s" x1="58.196%" x2="33.589%" y1="-6.64%" y2="102.323%">
-      <stop offset="0%" stop-color="#FFF"/>
-      <stop offset="100%" stop-color="#F1F1F1"/>
+    <linearGradient x1="35.192%" y1=".023%" x2="146.327%" y2="222.886%" id="n">
+      <stop stop-color="#392DD1" offset="0%"/>
+      <stop stop-color="#FF4343" offset="100%"/>
     </linearGradient>
-    <filter id="t" width="324.4%" height="319%" x="-112.2%" y="-97.6%" filterUnits="objectBoundingBox">
+    <ellipse id="m" cx="11.818" cy="77.815" rx="11.818" ry="11.815"/>
+    <filter x="-29.6%" y="-21.2%" width="159.2%" height="159.2%" filterUnits="objectBoundingBox" id="l">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1"/>
+    </filter>
+    <linearGradient x1="58.196%" y1="-6.604%" x2="33.589%" y2="102.289%" id="q">
+      <stop stop-color="#FFF" offset="0%"/>
+      <stop stop-color="#F1F1F1" offset="100%"/>
+    </linearGradient>
+    <ellipse id="p" cx="32.318" cy="112.315" rx="8.318" ry="8.315"/>
+    <filter x="-42.1%" y="-30.1%" width="184.2%" height="184.2%" filterUnits="objectBoundingBox" id="o">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1"/>
+    </filter>
+    <filter x="-91.5%" y="-84.5%" width="282.9%" height="278.6%" filterUnits="objectBoundingBox" id="r">
       <feOffset dy="7" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/>
       <feMerge>
         <feMergeNode in="shadowMatrixOuter1"/>
         <feMergeNode in="SourceGraphic"/>
       </feMerge>
     </filter>
-    <circle id="v" cx="20.5" cy="21.048" r="20.5"/>
-    <filter id="u" width="192.7%" height="192.7%" x="-46.3%" y="-34.1%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="u">
+      <stop stop-color="#F50" offset="0%"/>
+      <stop stop-color="#FF2000" offset="57.237%"/>
+      <stop stop-color="#FF2000" offset="100%"/>
+    </linearGradient>
+    <circle id="t" cx="20.5" cy="21.048" r="20.5"/>
+    <filter x="-17.1%" y="-12.2%" width="134.1%" height="134.1%" filterUnits="objectBoundingBox" id="s">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1"/>
     </filter>
-    <circle id="x" cx="16.5" cy="17.391" r="16.5"/>
-    <filter id="w" width="215.2%" height="215.2%" x="-57.6%" y="-42.4%" filterUnits="objectBoundingBox">
-      <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+    <linearGradient x1="35.192%" y1="0%" x2="146.327%" y2="222.965%" id="x">
+      <stop stop-color="#392DD1" offset="0%"/>
+      <stop stop-color="#FF4343" offset="100%"/>
+    </linearGradient>
+    <circle id="w" cx="16.5" cy="17.391" r="16.5"/>
+    <filter x="-21.2%" y="-15.2%" width="142.4%" height="142.4%" filterUnits="objectBoundingBox" id="v">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1"/>
     </filter>
-    <rect id="z" width="30.358" height="20.474" x="222" y="136" rx="7.841"/>
-    <filter id="y" width="231.8%" height="295.4%" x="-65.9%" y="-63.5%" filterUnits="objectBoundingBox">
-      <feOffset dy="7" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
+    <rect id="z" x="194" y="130" width="30.358" height="20.474" rx="7.818"/>
+    <filter x="-23.1%" y="-24.4%" width="146.1%" height="168.4%" filterUnits="objectBoundingBox" id="y">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1"/>
     </filter>
-    <path id="A" d="M17.457 10.462c.527.388.641 1.132.252 1.659l-5.25 7.125a1.187 1.187 0 0 1-1.718.207l-4.25-3.563a1.188 1.188 0 1 1 1.524-1.82l3.282 2.75 4.5-6.106a1.187 1.187 0 0 1 1.66-.252zm4.043-6.17h-1.187c-4.988 0-7.233-2.95-7.322-3.069-.252-.351-.66-.502-1.063-.469-.35.014-.69.162-.915.463-.092.125-2.339 3.076-7.325 3.076H2.5A2.377 2.377 0 0 0 .125 6.668v3.562c0 .656.006 1.732.013 2.387.001.125.263 12.469 11.456 16.541.008.002.017.002.024.005.122.041.25.067.382.067s.26-.026.381-.067c.009-.003.017-.003.025-.005 11.194-4.072 11.455-16.416 11.456-16.54.007-.656.013-1.732.013-2.388V6.668A2.377 2.377 0 0 0 21.5 4.293z"/>
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="B">
+      <stop stop-color="#F50" offset="0%"/>
+      <stop stop-color="#FF2000" offset="57.237%"/>
+      <stop stop-color="#FF2000" offset="100%"/>
+    </linearGradient>
+    <path d="M17.457 10.462c.527.388.641 1.132.252 1.659l-5.25 7.125a1.187 1.187 0 0 1-1.718.207l-4.25-3.563a1.188 1.188 0 1 1 1.524-1.82l3.282 2.75 4.5-6.106a1.187 1.187 0 0 1 1.66-.252zm4.043-6.17h-1.187c-4.988 0-7.233-2.95-7.322-3.069-.252-.351-.66-.502-1.063-.469-.35.014-.69.162-.915.463-.092.125-2.339 3.076-7.325 3.076H2.5A2.377 2.377 0 0 0 .125 6.668v3.562c0 .656.006 1.732.013 2.387.001.125.263 12.469 11.456 16.541.008.002.017.002.024.005.122.041.25.067.382.067s.26-.026.381-.067c.009-.003.017-.003.025-.005 11.194-4.072 11.455-16.416 11.456-16.54.007-.656.013-1.732.013-2.388V6.668A2.377 2.377 0 0 0 21.5 4.293z" id="A"/>
   </defs>
-  <g transform="translate(23 3)" fill="none" fill-rule="evenodd">
-    <g transform="translate(32 20)">
-      <mask id="c" fill="#fff">
-        <use xlink:href="#a"/>
-      </mask>
-      <use fill="url(#b)" fill-rule="nonzero" xlink:href="#a"/>
-      <g mask="url(#c)">
-        <use fill="#000" filter="url(#d)" xlink:href="#e"/>
-        <use fill="url(#f)" xlink:href="#e"/>
-      </g>
-      <g mask="url(#c)">
-        <use fill="#000" filter="url(#g)" xlink:href="#h"/>
-        <use fill="url(#f)" xlink:href="#h"/>
-      </g>
-      <use fill="#000" fill-rule="nonzero" filter="url(#i)" xlink:href="#j"/>
-    </g>
-    <g filter="url(#k)" transform="translate(70)">
-      <path fill="url(#f)" d="M94.717 7.364l5.211-6.88 5.212 6.88h24.389c4.966 0 8.991 4.03 8.991 9V170.83c0 4.97-4.025 9-8.991 9H9.256c-4.965 0-8.99-4.03-8.99-9V16.363c0-4.97 4.025-9 8.99-9h85.46z"/>
-      <path fill="#FFF" d="M11.28 45.816a4.903 4.903 0 0 1 4.9-4.907h106.425a4.903 4.903 0 0 1 4.901 4.907v36.653a4.903 4.903 0 0 1-4.901 4.907H16.18a4.903 4.903 0 0 1-4.902-4.907V45.816z"/>
-      <g fill-rule="nonzero" transform="translate(109.565 18)">
-        <rect width="14.718" height="3.273" y="4.091" fill="#FFF" rx="1.636"/>
-        <ellipse cx="15.126" cy="5.318" fill="url(#l)" rx="5.315" ry="5.318"/>
+  <g fill="none" fill-rule="evenodd">
+    <g filter="url(#a)" transform="translate(50 3)">
+      <use fill="#000" filter="url(#b)" xlink:href="#c"/>
+      <use fill="url(#d)" xlink:href="#c"/>
+      <path d="M11.28 45.794a4.892 4.892 0 0 1 4.9-4.885h106.425c2.707 0 4.901 2.194 4.901 4.885v36.697a4.892 4.892 0 0 1-4.901 4.885H16.18c-2.707 0-4.902-2.194-4.902-4.885V45.794z" fill="#FFF"/>
+      <g transform="translate(109.565 18)" fill-rule="nonzero">
+        <rect fill="#FFF" y="4.091" width="14.718" height="3.273" rx="1.632"/>
+        <ellipse fill="url(#e)" cx="15.126" cy="5.318" rx="5.315" ry="5.318"/>
       </g>
-      <g fill-rule="nonzero" transform="translate(11.447 100.636)">
+      <g transform="translate(11.447 100.636)" fill-rule="nonzero">
         <g transform="translate(98.118)">
-          <rect width="14.718" height="3.273" y="3.273" fill="#FFF" rx="1.636"/>
-          <ellipse cx="15.126" cy="5.318" fill="url(#l)" rx="5.315" ry="5.318"/>
+          <rect fill="#FFF" y="3.273" width="14.718" height="3.273" rx="1.632"/>
+          <ellipse fill="url(#e)" cx="15.126" cy="5.318" rx="5.315" ry="5.318"/>
         </g>
-        <rect width="47.424" height="7.364" y="1.636" fill="#FFF" rx="1.636"/>
+        <rect fill="#FFF" y="1.636" width="47.424" height="7.364" rx="1.632"/>
       </g>
-      <g fill-rule="nonzero" transform="translate(11.447 144.818)">
+      <g transform="translate(11.447 144.818)" fill-rule="nonzero">
         <g transform="translate(98.118)">
-          <rect width="14.718" height="3.273" y="3.273" fill="#FFF" rx="1.636"/>
-          <ellipse cx="15.126" cy="5.318" fill="url(#l)" rx="5.315" ry="5.318"/>
+          <rect fill="#FFF" y="3.273" width="14.718" height="3.273" rx="1.632"/>
+          <ellipse fill="url(#e)" cx="15.126" cy="5.318" rx="5.315" ry="5.318"/>
         </g>
-        <rect width="47.424" height="7.364" y="1.636" fill="#FFF" rx="1.636"/>
+        <rect fill="#FFF" y="1.636" width="47.424" height="7.364" rx="1.632"/>
       </g>
-      <g fill-rule="nonzero" transform="translate(11.447 122.727)">
+      <g transform="translate(11.447 122.727)" fill-rule="nonzero">
         <g transform="translate(98.118)">
-          <rect width="14.718" height="3.273" y="3.273" fill="#FFF" rx="1.636"/>
-          <ellipse cx="15.126" cy="5.318" fill="url(#l)" rx="5.315" ry="5.318"/>
+          <rect fill="#FFF" y="3.273" width="14.718" height="3.273" rx="1.632"/>
+          <ellipse fill="url(#e)" cx="15.126" cy="5.318" rx="5.315" ry="5.318"/>
         </g>
-        <rect width="77.676" height="7.364" y="1.636" fill="#FFF" rx="1.636"/>
+        <rect fill="#FFF" y="1.636" width="77.676" height="7.364" rx="1.632"/>
       </g>
-      <rect width="47.424" height="7.364" x="13.082" y="18.818" fill="#FFF" fill-rule="nonzero" rx="1.636"/>
-      <rect width="49" height="7" fill="#EBEBEB" fill-rule="nonzero" rx="1.636" transform="translate(60 55)"/>
-      <rect width="55.306" height="3.455" x="59" y="69" fill="#EBEBEB" fill-rule="nonzero" rx="1.636"/>
+      <rect fill="#FFF" fill-rule="nonzero" x="13.082" y="18.818" width="47.424" height="7.364" rx="1.632"/>
+      <rect width="49" height="7" rx="1.632" transform="translate(60 55)" fill="#EBEBEB" fill-rule="nonzero"/>
+      <rect fill="#EBEBEB" fill-rule="nonzero" x="59" y="69" width="55.306" height="3.455" rx="1.632"/>
     </g>
-    <g fill-rule="nonzero">
-      <use fill="#000" filter="url(#m)" xlink:href="#n"/>
-      <use fill="#FFF" xlink:href="#n"/>
+    <g fill-rule="nonzero" transform="translate(4 3)">
+      <use fill="#000" filter="url(#f)" xlink:href="#g"/>
+      <use fill="#FFF" xlink:href="#g"/>
     </g>
-    <g fill-rule="nonzero">
+    <g fill-rule="nonzero" transform="translate(4 3)">
+      <use fill="#000" filter="url(#h)" xlink:href="#i"/>
+      <use fill="#FFF" xlink:href="#i"/>
+    </g>
+    <g fill-rule="nonzero" transform="translate(4 3)">
+      <use fill="#000" filter="url(#j)" xlink:href="#k"/>
+      <use fill="#FFF" xlink:href="#k"/>
+    </g>
+    <g fill-rule="nonzero" transform="translate(4 3)">
+      <use fill="#000" filter="url(#l)" xlink:href="#m"/>
+      <use fill="url(#n)" xlink:href="#m"/>
+    </g>
+    <g fill-rule="nonzero" transform="translate(4 3)">
       <use fill="#000" filter="url(#o)" xlink:href="#p"/>
-      <use fill="#FFF" xlink:href="#p"/>
+      <use fill="url(#q)" xlink:href="#p"/>
     </g>
-    <g fill-rule="nonzero">
-      <use fill="#000" filter="url(#q)" xlink:href="#r"/>
-      <use fill="#FFF" xlink:href="#r"/>
+    <g filter="url(#r)" transform="rotate(-45 186.677 71.667)" fill-rule="nonzero">
+      <use fill="#000" filter="url(#s)" xlink:href="#t"/>
+      <use fill="url(#u)" xlink:href="#t"/>
+      <path d="M21.043 12.423v16.956M29.854 20.694h-18" stroke="#FFF" stroke-width="1.994" stroke-linecap="round" stroke-linejoin="round"/>
     </g>
-    <ellipse cx="11.818" cy="76.815" fill="url(#s)" fill-rule="nonzero" rx="11.818" ry="11.815"/>
-    <ellipse cx="20.318" cy="105.315" fill="url(#s)" fill-rule="nonzero" rx="8.318" ry="8.315"/>
-    <g fill-rule="nonzero" filter="url(#t)" transform="rotate(-45 193.056 46.025)">
-      <use fill="#000" filter="url(#u)" xlink:href="#v"/>
-      <use fill="url(#l)" xlink:href="#v"/>
-      <path stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.043 12.423v16.956M29.854 20.694h-18"/>
+    <g fill-rule="nonzero">
+      <g transform="rotate(-45 151.638 -204.476)">
+        <use fill="#000" filter="url(#v)" xlink:href="#w"/>
+        <use fill="url(#x)" xlink:href="#w"/>
+      </g>
+      <path d="M208.605 43.837l9.325 9.326M217.914 43.515l-9.9 9.9" stroke="#FFF" stroke-width="1.994" stroke-linecap="round" stroke-linejoin="round"/>
     </g>
-    <g fill-rule="nonzero" transform="rotate(-45 158.017 -230.118)">
-      <use fill="#000" filter="url(#w)" xlink:href="#x"/>
-      <use fill="url(#f)" xlink:href="#x"/>
-      <path stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.336 11.39v13.188M23.146 17.744h-14"/>
+    <g transform="translate(4 3)">
+      <use fill="#000" filter="url(#y)" xlink:href="#z"/>
+      <use fill="#FFF" xlink:href="#z"/>
     </g>
-    <use fill="#000" filter="url(#y)" xlink:href="#z"/>
-    <use fill="#FFF" xlink:href="#z"/>
-    <use fill="url(#l)" transform="translate(96 49)" xlink:href="#A"/>
+    <use fill="url(#B)" xlink:href="#A" transform="translate(76 52)"/>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/src/features/welcome/images/welcome_theme.svg b/src/features/welcome/images/welcome_theme.svg
index fcc3ce85e..bf4e205b8 100644
--- a/src/features/welcome/images/welcome_theme.svg
+++ b/src/features/welcome/images/welcome_theme.svg
@@ -1,181 +1,214 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 325 200">
+<svg viewBox="0 0 339 180" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
-    <linearGradient id="b" x1="58.196%" x2="33.589%" y1="-6.64%" y2="102.323%">
-      <stop offset="0%" stop-color="#EEF1F3"/>
-      <stop offset="100%" stop-color="#F2EDFD"/>
-    </linearGradient>
-    <path id="a" d="M178.175 175.379c-13.401-4.143-23.283-4.477-37.052-7.133-13.77-2.656-59.85 13.088-81.689 6.337-21.84-6.75-63.38-43.799-58.254-99.836C6.307 18.709 49.696-4.927 68.377.847c18.681 5.775 23.832 42.994 40.276 43.331 16.443.338 39.298-45.774 70.65-39.063 31.353 6.711 45.825 26.72 34.189 53.472-11.637 26.753 8.386 70.235 5.868 99.434-2.519 29.198-27.783 21.5-41.185 17.358z"/>
-    <path id="e" d="M68 18.842C68 14.512 71.509 11 75.835 11h23.868c4.327 0 7.835 3.52 7.835 7.842v4.79c0 4.33-3.51 7.842-7.835 7.842H75.835c-4.327 0-7.835-3.52-7.835-7.843v-4.789z"/>
-    <filter id="d" width="254.3%" height="397.9%" x="-77.1%" y="-100.1%" filterUnits="objectBoundingBox">
+    <path d="M0 7.842C0 3.512 3.509 0 7.835 0h23.868c4.327 0 7.835 3.52 7.835 7.842v4.79c0 4.33-3.51 7.842-7.835 7.842H7.835C3.508 20.474 0 16.954 0 12.63V7.842z" id="b"/>
+    <filter x="-77.1%" y="-100.1%" width="254.3%" height="397.9%" filterUnits="objectBoundingBox" id="a">
       <feOffset dy="10" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="8.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <path id="g" d="M184 156.842c0-4.33 3.5-7.842 7.84-7.842h49.857c4.33 0 7.84 3.52 7.84 7.842v4.79c0 4.33-3.5 7.842-7.84 7.842H191.84c-4.33 0-7.84-3.52-7.84-7.843v-4.789z"/>
-    <filter id="f" width="193.1%" height="397.9%" x="-46.5%" y="-100.1%" filterUnits="objectBoundingBox">
+    <path d="M101 116.842c0-4.33 3.5-7.842 7.84-7.842h49.857c4.33 0 7.84 3.52 7.84 7.842v4.79c0 4.33-3.5 7.842-7.84 7.842H108.84c-4.33 0-7.84-3.52-7.84-7.843v-4.789z" id="d"/>
+    <filter x="-46.5%" y="-100.1%" width="193.1%" height="397.9%" filterUnits="objectBoundingBox" id="c">
       <feOffset dy="10" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="8.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
-    </filter>
-    <path id="i" d="M178.175 175.379c-13.401-4.143-23.283-4.477-37.052-7.133-13.77-2.656-59.85 13.088-81.689 6.337-21.84-6.75-63.38-43.799-58.254-99.836C6.307 18.709 49.696-4.927 68.377.847c18.681 5.775 23.832 42.994 40.276 43.331 16.443.338 39.298-45.774 70.65-39.063 31.353 6.711 45.825 26.72 34.189 53.472-11.637 26.753 8.386 70.235 5.868 99.434-2.519 29.198-27.783 21.5-41.185 17.358z"/>
-    <filter id="h" width="104.1%" height="105%" x="-2.1%" y="-2.5%" filterUnits="objectBoundingBox">
-      <feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="4.5"/>
-      <feOffset in="shadowBlurInner1" result="shadowOffsetInner1"/>
-      <feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/>
-      <feColorMatrix in="shadowInnerInner1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
+      <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <filter id="j" width="162.7%" height="336.8%" x="-31.4%" y="-91.1%" filterUnits="objectBoundingBox">
+    <filter x="-25.4%" y="-92.1%" width="150.4%" height="305.3%" filterUnits="objectBoundingBox" id="e">
       <feOffset dy="10" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="8.5"/>
-      <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/>
       <feMerge>
         <feMergeNode in="shadowMatrixOuter1"/>
         <feMergeNode in="SourceGraphic"/>
       </feMerge>
     </filter>
-    <path id="l" d="M0 7.889C0 3.532 3.53 0 7.877 0H228.86c4.35 0 7.876 3.534 7.876 7.889v24.64c0 4.357-3.53 7.89-7.876 7.89H7.877c-4.35 0-7.877-3.535-7.877-7.89V7.89z"/>
-    <filter id="k" width="132.1%" height="288%" x="-16.1%" y="-69.3%" filterUnits="objectBoundingBox">
-      <feOffset dy="10" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="11"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
+    <path d="M0 7.889C0 3.532 3.53 0 7.877 0H228.86c4.35 0 7.876 3.534 7.876 7.889v24.64c0 4.357-3.53 7.89-7.876 7.89H7.877c-4.35 0-7.877-3.535-7.877-7.89V7.89z" id="g"/>
+    <filter x="-5.9%" y="-24.7%" width="111.8%" height="169.3%" filterUnits="objectBoundingBox" id="f">
+      <feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <linearGradient id="m" x1="35.192%" x2="146.327%" y1="0%" y2="222.965%">
-      <stop offset="0%" stop-color="#392DD1"/>
-      <stop offset="100%" stop-color="#FF4343"/>
+    <linearGradient x1="35.192%" y1="49.208%" x2="146.327%" y2="52.739%" id="h">
+      <stop stop-color="#392DD1" offset="0%"/>
+      <stop stop-color="#FF4343" offset="100%"/>
     </linearGradient>
-    <linearGradient id="n" x1="36.57%" x2="36.57%" y1="114.015%" y2="-19.4%">
-      <stop offset="0%" stop-color="#FFF"/>
-      <stop offset="100%" stop-color="#F2EDFD"/>
+    <linearGradient x1="36.57%" y1="114.015%" x2="36.57%" y2="-19.4%" id="i">
+      <stop stop-color="#FFF" offset="0%"/>
+      <stop stop-color="#F2EDFD" offset="100%"/>
     </linearGradient>
-    <linearGradient id="o" x1="0%" y1="50.706%" y2="50.706%">
-      <stop offset="0%" stop-color="#F50"/>
-      <stop offset="57.237%" stop-color="#FF2000"/>
-      <stop offset="100%" stop-color="#FF2000"/>
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="j">
+      <stop stop-color="#F50" offset="0%"/>
+      <stop stop-color="#FF2000" offset="57.237%"/>
+      <stop stop-color="#FF2000" offset="100%"/>
     </linearGradient>
-    <filter id="p" width="144.1%" height="284.2%" x="-22.1%" y="-92.1%" filterUnits="objectBoundingBox">
+    <filter x="-25.5%" y="-92.1%" width="151.1%" height="305.3%" filterUnits="objectBoundingBox" id="k">
       <feOffset dy="10" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="8.5"/>
-      <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+      <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/>
       <feMerge>
         <feMergeNode in="shadowMatrixOuter1"/>
         <feMergeNode in="SourceGraphic"/>
       </feMerge>
     </filter>
-    <linearGradient id="q" x1="0%" y1="50.706%" y2="50.706%">
-      <stop offset="0%" stop-color="#111"/>
-      <stop offset="100%" stop-color="#555"/>
+    <path d="M0 7.889C0 3.532 3.53 0 7.877 0H228.86c4.35 0 7.876 3.534 7.876 7.889v24.64c0 4.357-3.53 7.89-7.876 7.89H7.877c-4.35 0-7.877-3.535-7.877-7.89V7.89z" id="m"/>
+    <filter x="-5.9%" y="-24.7%" width="111.8%" height="169.3%" filterUnits="objectBoundingBox" id="l">
+      <feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
+    </filter>
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="n">
+      <stop stop-color="#111" offset="0%"/>
+      <stop stop-color="#555" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="35.231%" y1="0%" x2="146.073%" y2="222.965%" id="o">
+      <stop stop-color="#392DD1" offset="0%"/>
+      <stop stop-color="#FF4343" offset="100%"/>
     </linearGradient>
-    <circle id="s" cx="7.139" cy="7.139" r="7.139"/>
-    <filter id="r" width="380.2%" height="380.2%" x="-140.1%" y="-91.1%" filterUnits="objectBoundingBox">
-      <feOffset dy="7" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+    <circle id="q" cx="7.139" cy="7.139" r="7.139"/>
+    <filter x="-49%" y="-35%" width="198.1%" height="198.1%" filterUnits="objectBoundingBox" id="p">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.319831295 0 0 0 0 0.319831295 0 0 0 0 0.319831295 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <circle id="u" cx="29.104" cy="7.139" r="7.139"/>
-    <filter id="t" width="380.2%" height="380.2%" x="-140.1%" y="-91.1%" filterUnits="objectBoundingBox">
-      <feOffset dy="7" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+    <linearGradient x1="35.192%" y1="0%" x2="146.327%" y2="222.965%" id="t">
+      <stop stop-color="#392DD1" offset="0%"/>
+      <stop stop-color="#FF4343" offset="100%"/>
+    </linearGradient>
+    <circle id="s" cx="29.104" cy="7.139" r="7.139"/>
+    <filter x="-49%" y="-35%" width="198.1%" height="198.1%" filterUnits="objectBoundingBox" id="r">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.319831295 0 0 0 0 0.319831295 0 0 0 0 0.319831295 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <linearGradient id="x" x1="0%" y1="50.706%" y2="50.706%">
-      <stop offset="0%" stop-color="#FB542B"/>
-      <stop offset="100%" stop-color="#E3380E"/>
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="w">
+      <stop stop-color="#FB542B" offset="0%"/>
+      <stop stop-color="#E3380E" offset="100%"/>
     </linearGradient>
-    <circle id="w" cx="51.069" cy="7.139" r="7.139"/>
-    <filter id="v" width="380.2%" height="380.2%" x="-140.1%" y="-91.1%" filterUnits="objectBoundingBox">
-      <feOffset dy="7" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+    <circle id="v" cx="51.069" cy="7.139" r="7.139"/>
+    <filter x="-49%" y="-35%" width="198.1%" height="198.1%" filterUnits="objectBoundingBox" id="u">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.319831295 0 0 0 0 0.319831295 0 0 0 0 0.319831295 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <path id="z" d="M40 15.842C40 11.512 43.509 8 47.835 8h23.868c4.327 0 7.835 3.52 7.835 7.842v4.79c0 4.33-3.51 7.842-7.835 7.842H47.835c-4.327 0-7.835-3.52-7.835-7.843v-4.789z"/>
-    <filter id="y" width="284.6%" height="456.6%" x="-92.3%" y="-129.4%" filterUnits="objectBoundingBox">
-      <feOffset dy="10" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="10.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941 0 0 0 0 0.180392 0 0 0 0 0.25098 0 0 0 0.2 0"/>
+    <linearGradient x1="35.192%" y1="36.593%" x2="146.327%" y2="96.38%" id="z">
+      <stop stop-color="#392DD1" offset="0%"/>
+      <stop stop-color="#FF4343" offset="100%"/>
+    </linearGradient>
+    <path d="M40 7.842C40 3.512 43.509 0 47.835 0h23.868c4.327 0 7.835 3.52 7.835 7.842v4.79c0 4.33-3.51 7.842-7.835 7.842H47.835c-4.327 0-7.835-3.52-7.835-7.843V7.842z" id="y"/>
+    <filter x="-17.7%" y="-24.4%" width="135.4%" height="168.4%" filterUnits="objectBoundingBox" id="x">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.319831295 0 0 0 0 0.319831295 0 0 0 0 0.319831295 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <rect id="B" width="43.298" height="20.474" x="133" y="157" rx="7.841"/>
-    <filter id="A" width="192.4%" height="295.4%" x="-46.2%" y="-63.5%" filterUnits="objectBoundingBox">
-      <feOffset dy="7" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="C">
+      <stop stop-color="#F50" offset="0%"/>
+      <stop stop-color="#FF2000" offset="57.237%"/>
+      <stop stop-color="#FF2000" offset="100%"/>
+    </linearGradient>
+    <rect id="B" x="108" y="146" width="43.298" height="20.474" rx="7.841"/>
+    <filter x="-32.3%" y="-48.8%" width="164.7%" height="236.8%" filterUnits="objectBoundingBox" id="A">
+      <feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <rect id="D" width="30.358" height="20.474" x="23" y="111" rx="7.841"/>
-    <filter id="C" width="231.8%" height="295.4%" x="-65.9%" y="-63.5%" filterUnits="objectBoundingBox">
-      <feOffset dy="7" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="F">
+      <stop stop-color="#FB542B" offset="0%"/>
+      <stop stop-color="#E3380E" offset="100%"/>
+    </linearGradient>
+    <rect id="E" x="23" y="103" width="30.358" height="20.474" rx="7.841"/>
+    <filter x="-46.1%" y="-48.8%" width="192.2%" height="236.8%" filterUnits="objectBoundingBox" id="D">
+      <feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
-    <rect id="F" width="22.358" height="20.474" x="249" y="54" rx="7.841"/>
-    <filter id="E" width="278.9%" height="295.4%" x="-89.5%" y="-63.5%" filterUnits="objectBoundingBox">
-      <feOffset dy="7" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5.5"/>
-      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.152941176 0 0 0 0 0.180392157 0 0 0 0 0.250980392 0 0 0 0.2 0"/>
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="I">
+      <stop stop-color="#FB542B" offset="0%"/>
+      <stop stop-color="#E3380E" offset="100%"/>
+    </linearGradient>
+    <rect id="H" x="249" y="46" width="22.358" height="20.474" rx="7.841"/>
+    <filter x="-31.3%" y="-24.4%" width="162.6%" height="168.4%" filterUnits="objectBoundingBox" id="G">
+      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.319831295 0 0 0 0 0.319831295 0 0 0 0 0.319831295 0 0 0 0.2 0" in="shadowBlurOuter1"/>
     </filter>
   </defs>
-  <g fill="none" fill-rule="evenodd" transform="translate(11 10)">
-    <g transform="translate(40)">
-      <mask id="c" fill="#fff">
-        <use xlink:href="#a"/>
-      </mask>
-      <use fill="url(#b)" fill-rule="nonzero" xlink:href="#a"/>
-      <g mask="url(#c)">
-        <use fill="#000" filter="url(#d)" xlink:href="#e"/>
-        <use fill="#FFF" xlink:href="#e"/>
-      </g>
-      <g mask="url(#c)">
+  <g fill="none" fill-rule="evenodd">
+    <g transform="translate(132 23)">
+      <use fill="#000" filter="url(#a)" xlink:href="#b"/>
+      <use fill="#FFF" xlink:href="#b"/>
+    </g>
+    <g transform="translate(132 23)">
+      <use fill="#000" filter="url(#c)" xlink:href="#d"/>
+      <use fill="#FFF" xlink:href="#d"/>
+    </g>
+    <g filter="url(#e)" transform="translate(19 34.8)">
+      <g transform="translate(0 15.89)">
         <use fill="#000" filter="url(#f)" xlink:href="#g"/>
         <use fill="#FFF" xlink:href="#g"/>
       </g>
-      <use fill="#000" fill-rule="nonzero" filter="url(#h)" xlink:href="#i"/>
+      <path fill="#EBEBEB" fill-rule="nonzero" d="M11.924 39.724h39.747v5.959H11.924zM55.646 39.724H75.52v5.959H55.646zM79.495 39.724h31.798v5.959H79.495z"/>
+      <g>
+        <path fill="url(#h)" d="M0 0h236.737v29.793H0z"/>
+        <path d="M69.558 15.104a3.974 3.974 0 0 1 3.981-3.973h63.942a3.974 3.974 0 0 1 3.982 3.973v16.013H69.558V15.104z" fill="url(#i)"/>
+        <path fill="#EAEAEA" fill-rule="nonzero" d="M86.286 19.2h46.179v3.559H86.286z"/>
+        <ellipse fill="url(#j)" fill-rule="nonzero" cx="79.095" cy="21.6" rx="3.595" ry="3.6"/>
+        <path d="M147.065 13.904a3.974 3.974 0 0 1 3.981-3.973h63.943a3.974 3.974 0 0 1 3.981 3.973v16.013h-71.905V13.904z" fill="#392DD1"/>
+        <ellipse fill="#FFF" cx="17.358" cy="14.171" rx="4.734" ry="4.724"/>
+        <ellipse fill="#FFF" cx="33.138" cy="14.171" rx="4.734" ry="4.724"/>
+        <ellipse fill="#FFF" cx="48.918" cy="14.171" rx="4.734" ry="4.724"/>
+      </g>
     </g>
-    <g filter="url(#j)" transform="translate(0 40.8)">
+    <g filter="url(#k)" transform="translate(83.714 81.6)">
       <g transform="translate(0 15.89)">
-        <use fill="#000" filter="url(#k)" xlink:href="#l"/>
-        <use fill="#FFF" xlink:href="#l"/>
-        <path fill="#EBEBEB" fill-rule="nonzero" d="M11.924 23.834h39.747v5.959H11.924zM55.646 23.834H75.52v5.959H55.646zM79.495 23.834h31.798v5.959H79.495z"/>
+        <use fill="#000" filter="url(#l)" xlink:href="#m"/>
+        <use fill="#FFF" xlink:href="#m"/>
       </g>
-      <path fill="url(#m)" d="M0 0h236.737v29.793H0z"/>
-      <path fill="url(#n)" d="M69.558 15.104a3.974 3.974 0 0 1 3.981-3.973h63.942a3.974 3.974 0 0 1 3.982 3.973v16.013H69.558V15.104z"/>
-      <path fill="#EAEAEA" fill-rule="nonzero" d="M86.286 19.2h46.179v3.559H86.286z"/>
-      <ellipse cx="79.095" cy="21.6" fill="url(#o)" fill-rule="nonzero" rx="3.595" ry="3.6"/>
-      <path fill="#392DD1" d="M147.065 13.904a3.974 3.974 0 0 1 3.981-3.973h63.943a3.974 3.974 0 0 1 3.981 3.973v16.013h-71.905V13.904z"/>
-      <ellipse cx="17.358" cy="14.171" fill="#FFF" rx="4.734" ry="4.724"/>
-      <ellipse cx="33.138" cy="14.171" fill="#FFF" rx="4.734" ry="4.724"/>
-      <ellipse cx="48.918" cy="14.171" fill="#FFF" rx="4.734" ry="4.724"/>
-    </g>
-    <g filter="url(#p)" transform="translate(64.714 87.6)">
-      <path fill="#FFF" d="M0 23.779c0-4.357 3.53-7.889 7.877-7.889H228.86c4.35 0 7.876 3.534 7.876 7.889v24.64c0 4.357-3.53 7.89-7.876 7.89H7.877c-4.35 0-7.877-3.535-7.877-7.89V23.78z"/>
       <path fill="#EAEAEA" fill-rule="nonzero" d="M11.924 39.724h39.747v5.959H11.924zM55.646 39.724H75.52v5.959H55.646zM79.495 39.724h31.798v5.959H79.495z"/>
-      <path fill="url(#q)" d="M0 0h236.737v29.793H0z"/>
-      <path fill="url(#n)" d="M69.558 15.104a3.974 3.974 0 0 1 3.981-3.973h63.942a3.974 3.974 0 0 1 3.982 3.973v16.013H69.558V15.104z"/>
-      <ellipse cx="79.095" cy="21.6" fill="url(#m)" fill-rule="nonzero" rx="3.595" ry="3.6"/>
-      <path fill="#EAEAEA" fill-rule="nonzero" d="M87.484 19.2h46.179v3.559H87.484z"/>
-      <path fill="#8E8E8E" d="M147.065 13.904a3.974 3.974 0 0 1 3.981-3.973h63.943a3.974 3.974 0 0 1 3.981 3.973v16.013h-71.905V13.904z"/>
-      <g fill-rule="nonzero" stroke="#FFF" stroke-linecap="square" stroke-linejoin="round">
-        <path d="M206.5 17.8l4.759 4.759M211.2 17.5l-4.759 4.759"/>
+      <g>
+        <path fill="url(#n)" d="M0 0h236.737v29.793H0z"/>
+        <path d="M69.558 15.104a3.974 3.974 0 0 1 3.981-3.973h63.942a3.974 3.974 0 0 1 3.982 3.973v16.013H69.558V15.104z" fill="url(#i)"/>
+        <ellipse fill="url(#o)" fill-rule="nonzero" cx="79.095" cy="21.6" rx="3.595" ry="3.6"/>
+        <path fill="#EAEAEA" fill-rule="nonzero" d="M87.484 19.2h46.179v3.559H87.484z"/>
+        <path d="M147.065 13.904a3.974 3.974 0 0 1 3.981-3.973h63.943a3.974 3.974 0 0 1 3.981 3.973v16.013h-71.905V13.904z" fill="#8E8E8E"/>
+        <g fill-rule="nonzero" stroke="#FFF" stroke-linecap="square" stroke-linejoin="round">
+          <path d="M206.5 17.8l4.759 4.759M211.2 17.5l-4.759 4.759"/>
+        </g>
+        <ellipse fill="#D6D3DD" cx="17.358" cy="14.171" rx="4.734" ry="4.724"/>
+        <ellipse fill="#D6D3DD" cx="33.138" cy="14.171" rx="4.734" ry="4.724"/>
+        <ellipse fill="#D6D3DD" cx="48.918" cy="14.171" rx="4.734" ry="4.724"/>
+      </g>
+    </g>
+    <g fill-rule="nonzero">
+      <g transform="translate(239 10)">
+        <use fill="#000" filter="url(#p)" xlink:href="#q"/>
+        <use fill="#FFF" xlink:href="#q"/>
+      </g>
+      <g transform="translate(239 10)">
+        <use fill="#000" filter="url(#r)" xlink:href="#s"/>
+        <use fill="url(#t)" xlink:href="#s"/>
+      </g>
+      <g transform="translate(239 10)">
+        <use fill="#000" filter="url(#u)" xlink:href="#v"/>
+        <use fill="url(#w)" xlink:href="#v"/>
       </g>
-      <ellipse cx="17.358" cy="14.171" fill="#D6D3DD" rx="4.734" ry="4.724"/>
-      <ellipse cx="33.138" cy="14.171" fill="#D6D3DD" rx="4.734" ry="4.724"/>
-      <ellipse cx="48.918" cy="14.171" fill="#D6D3DD" rx="4.734" ry="4.724"/>
     </g>
-    <g fill-rule="nonzero" transform="translate(220 16)">
-      <use fill="#000" filter="url(#r)" xlink:href="#s"/>
-      <use fill="#FFF" xlink:href="#s"/>
-      <use fill="#000" filter="url(#t)" xlink:href="#u"/>
-      <use fill="url(#m)" xlink:href="#u"/>
-      <use fill="#000" filter="url(#v)" xlink:href="#w"/>
-      <use fill="url(#x)" xlink:href="#w"/>
+    <g transform="translate(19 2)">
+      <use fill="#000" filter="url(#x)" xlink:href="#y"/>
+      <use fill="url(#z)" xlink:href="#y"/>
+    </g>
+    <g transform="translate(19 2)">
+      <use fill="#000" filter="url(#A)" xlink:href="#B"/>
+      <use fill="url(#C)" xlink:href="#B"/>
+    </g>
+    <g transform="translate(19 2)">
+      <use fill="#000" filter="url(#D)" xlink:href="#E"/>
+      <use fill="url(#F)" xlink:href="#E"/>
+    </g>
+    <g transform="translate(19 2)">
+      <use fill="#000" filter="url(#G)" xlink:href="#H"/>
+      <use fill="url(#I)" xlink:href="#H"/>
     </g>
-    <use fill="#000" filter="url(#y)" xlink:href="#z"/>
-    <use fill="url(#m)" xlink:href="#z"/>
-    <use fill="#000" filter="url(#A)" xlink:href="#B"/>
-    <use fill="url(#o)" xlink:href="#B"/>
-    <use fill="#000" filter="url(#C)" xlink:href="#D"/>
-    <use fill="url(#x)" xlink:href="#D"/>
-    <use fill="#000" filter="url(#E)" xlink:href="#F"/>
-    <use fill="url(#x)" xlink:href="#F"/>
     <g fill-rule="nonzero" stroke="#FFF" stroke-linecap="square" stroke-linejoin="round">
-      <path d="M204.5 58.8l4.759 4.759M209.2 58.5l-4.759 4.759"/>
+      <path d="M223.5 52.8l4.759 4.759M228.2 52.5l-4.759 4.759"/>
     </g>
   </g>
-</svg>
+</svg>
\ No newline at end of file