diff --git a/signup-ui/public/images/bottom.svg b/signup-ui/public/images/bottom.svg
new file mode 100644
index 00000000..caebb195
--- /dev/null
+++ b/signup-ui/public/images/bottom.svg
@@ -0,0 +1,131 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="268.536" height="268.696" viewBox="0 0 268.536 268.696">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_7115" data-name="Rectangle 7115" width="268.536" height="268.696" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_57990" data-name="Group 57990" transform="translate(268.536 268.696) rotate(180)">
+    <g id="Group_57988" data-name="Group 57988" clip-path="url(#clip-path)">
+      <path id="Path_155796" data-name="Path 155796" d="M34.373,26.979a5.285,5.285,0,1,1-7.493-.048,5.282,5.282,0,0,1,7.493.048" transform="translate(21.858 21.926)" fill="#e26826"/>
+      <path id="Path_155797" data-name="Path 155797" d="M47.076,26.919a5.236,5.236,0,1,1-7.424.073,5.294,5.294,0,0,1,7.424-.073" transform="translate(32.971 21.961)" fill="#e26826"/>
+      <path id="Path_155798" data-name="Path 155798" d="M34.3,21.484a5.236,5.236,0,1,1-.088-7.424,5.3,5.3,0,0,1,.088,7.424" transform="translate(21.893 10.882)" fill="#e26826"/>
+      <path id="Path_155799" data-name="Path 155799" d="M34.165,39.819a5.132,5.132,0,1,1-7.277.026,5.085,5.085,0,0,1,7.277-.026" transform="translate(21.919 33.069)" fill="#e26826"/>
+      <path id="Path_155800" data-name="Path 155800" d="M39.772,14.14a5.118,5.118,0,1,1-.084,7.2,5.065,5.065,0,0,1,.084-7.2" transform="translate(33.006 10.915)" fill="#e26826"/>
+      <path id="Path_155801" data-name="Path 155801" d="M46.959,39.859a5.078,5.078,0,1,1-7.2-.045,5.076,5.076,0,0,1,7.2.045" transform="translate(33.034 33.103)" fill="#e26826"/>
+      <path id="Path_155802" data-name="Path 155802" d="M21.293,27.026a5.078,5.078,0,1,1-7.2-.043,5.078,5.078,0,0,1,7.2.043" transform="translate(10.875 22.023)" fill="#e26826"/>
+      <path id="Path_155803" data-name="Path 155803" d="M21.111,39.9a4.919,4.919,0,1,1-6.921-.086,4.877,4.877,0,0,1,6.921.086" transform="translate(10.94 33.167)" fill="#e26826"/>
+      <path id="Path_155804" data-name="Path 155804" d="M59.6,27.081a4.9,4.9,0,1,1-6.917-.089,4.855,4.855,0,0,1,6.917.089" transform="translate(44.184 22.094)" fill="#e26826"/>
+      <path id="Path_155805" data-name="Path 155805" d="M20.978,14.18a4.863,4.863,0,1,1-6.839.034,4.857,4.857,0,0,1,6.839-.034" transform="translate(10.974 11.043)" fill="#e26826"/>
+      <path id="Path_155806" data-name="Path 155806" d="M59.435,14.22a4.807,4.807,0,1,1-6.76-.041,4.862,4.862,0,0,1,6.76.041" transform="translate(44.249 11.079)" fill="#e26826"/>
+      <path id="Path_155807" data-name="Path 155807" d="M59.435,39.885a4.807,4.807,0,1,1-6.76-.041,4.862,4.862,0,0,1,6.76.041" transform="translate(44.249 33.239)" fill="#e26826"/>
+      <path id="Path_155808" data-name="Path 155808" d="M33.77,52.717a4.807,4.807,0,1,1-6.76-.043,4.862,4.862,0,0,1,6.76.043" transform="translate(22.091 44.318)" fill="#e26826"/>
+      <path id="Path_155809" data-name="Path 155809" d="M46.62,8.165a4.86,4.86,0,0,1-6.835,0,4.86,4.86,0,0,1,0-6.76,4.86,4.86,0,0,1,6.835,0,4.863,4.863,0,0,1,0,6.76" transform="translate(33.169 0)" fill="#e26826"/>
+      <path id="Path_155810" data-name="Path 155810" d="M46.492,59.4a4.7,4.7,0,1,1,.02-6.623,4.644,4.644,0,0,1-.02,6.623" transform="translate(33.201 44.349)" fill="#e26826"/>
+      <path id="Path_155811" data-name="Path 155811" d="M33.723,1.5a4.647,4.647,0,0,1-.108,6.623,4.647,4.647,0,0,1-6.7-.147A4.647,4.647,0,0,1,27.1,1.352a4.648,4.648,0,0,1,6.623.145" transform="translate(22.121 0.031)" fill="#e26826"/>
+      <path id="Path_155812" data-name="Path 155812" d="M1.379,39.9a4.644,4.644,0,1,1-.071,6.548A4.659,4.659,0,0,1,1.379,39.9" transform="translate(0 33.307)" fill="#e26826"/>
+      <path id="Path_155813" data-name="Path 155813" d="M14.218,52.729a4.643,4.643,0,1,1-.084,6.548,4.661,4.661,0,0,1,.084-6.548" transform="translate(11.079 44.386)" fill="#e26826"/>
+      <path id="Path_155814" data-name="Path 155814" d="M52.7,1.443a4.613,4.613,0,0,1,6.468,0,4.613,4.613,0,0,1-.006,6.468,4.609,4.609,0,0,1-6.466,0,4.611,4.611,0,0,1,0-6.468" transform="translate(44.354 0.105)" fill="#e26826"/>
+      <path id="Path_155815" data-name="Path 155815" d="M1.387,27.09a4.613,4.613,0,0,1,6.468.041A4.613,4.613,0,0,1,7.814,33.6a4.613,4.613,0,0,1-6.468-.041,4.613,4.613,0,0,1,.041-6.468" transform="translate(0.037 22.264)" fill="#e26826"/>
+      <path id="Path_155816" data-name="Path 155816" d="M59.067,59.119a4.466,4.466,0,1,1-.047-6.336,4.425,4.425,0,0,1,.047,6.336" transform="translate(44.387 44.457)" fill="#e26826"/>
+      <path id="Path_155817" data-name="Path 155817" d="M71.868,27.134a4.467,4.467,0,1,1-6.336.054,4.425,4.425,0,0,1,6.336-.054" transform="translate(55.468 22.298)" fill="#e26826"/>
+      <path id="Path_155818" data-name="Path 155818" d="M71.838,14.344a4.415,4.415,0,1,1-6.261-.037,4.458,4.458,0,0,1,6.261.037" transform="translate(55.507 11.259)" fill="#e26826"/>
+      <path id="Path_155819" data-name="Path 155819" d="M71.8,39.97a4.414,4.414,0,1,1-6.261.041A4.451,4.451,0,0,1,71.8,39.97" transform="translate(55.508 33.418)" fill="#e26826"/>
+      <path id="Path_155820" data-name="Path 155820" d="M7.675,52.842A4.458,4.458,0,0,1,7.6,59.1a4.456,4.456,0,0,1-6.261-.112A4.454,4.454,0,0,1,1.414,52.8a4.452,4.452,0,0,1,6.261.037" transform="translate(0.11 44.497)" fill="#e26826"/>
+      <path id="Path_155821" data-name="Path 155821" d="M33.312,71.888a4.414,4.414,0,1,1-.019-6.261,4.452,4.452,0,0,1,.019,6.261" transform="translate(22.27 55.577)" fill="#e26826"/>
+      <path id="Path_155822" data-name="Path 155822" d="M39.959,65.664a4.31,4.31,0,1,1-.058,6.075,4.281,4.281,0,0,1,.058-6.075" transform="translate(33.385 55.613)" fill="#e26826"/>
+      <path id="Path_155823" data-name="Path 155823" d="M71.607,1.538a4.234,4.234,0,1,1-5.968-.019,4.225,4.225,0,0,1,5.968.019" transform="translate(55.582 0.254)" fill="#e26826"/>
+      <path id="Path_155824" data-name="Path 155824" d="M20.3,65.722a4.233,4.233,0,1,1-5.968-.063,4.222,4.222,0,0,1,5.968.063" transform="translate(11.264 55.651)" fill="#e26826"/>
+      <path id="Path_155825" data-name="Path 155825" d="M71.61,58.82a4.224,4.224,0,1,1-.037-5.974,4.237,4.237,0,0,1,.037,5.974" transform="translate(55.59 44.58)" fill="#e26826"/>
+      <path id="Path_155826" data-name="Path 155826" d="M58.716,65.734a4.168,4.168,0,1,1-5.894-.062,4.221,4.221,0,0,1,5.894.062" transform="translate(44.545 55.693)" fill="#e26826"/>
+      <path id="Path_155827" data-name="Path 155827" d="M84.2,27.228a4.048,4.048,0,1,1-5.687.015,4,4,0,0,1,5.687-.015" transform="translate(66.741 22.492)" fill="#e26826"/>
+      <path id="Path_155828" data-name="Path 155828" d="M1.534,65.73a4,4,0,0,1,5.687.024,4,4,0,0,1-.061,5.762,4,4,0,0,1-5.687-.1,4,4,0,0,1,.061-5.687" transform="translate(0.272 55.738)" fill="#e26826"/>
+      <path id="Path_155829" data-name="Path 155829" d="M78.521,40.066a3.99,3.99,0,1,1-.058,5.622,4.029,4.029,0,0,1,.058-5.622" transform="translate(66.784 33.615)" fill="#e26826"/>
+      <path id="Path_155830" data-name="Path 155830" d="M84.158,14.436a3.989,3.989,0,1,1-5.622-.048,4.029,4.029,0,0,1,5.622.048" transform="translate(66.784 11.456)" fill="#e26826"/>
+      <path id="Path_155831" data-name="Path 155831" d="M71.219,65.826a3.871,3.871,0,1,1-5.491-.048,3.837,3.837,0,0,1,5.491.048" transform="translate(55.746 55.814)" fill="#e26826"/>
+      <path id="Path_155832" data-name="Path 155832" d="M27.223,78.616a3.871,3.871,0,1,1,0,5.491,3.835,3.835,0,0,1,0-5.491" transform="translate(22.507 66.893)" fill="#e26826"/>
+      <path id="Path_155833" data-name="Path 155833" d="M45.526,78.629a3.87,3.87,0,1,1-5.491.009,3.835,3.835,0,0,1,5.491-.009" transform="translate(33.587 66.894)" fill="#e26826"/>
+      <path id="Path_155834" data-name="Path 155834" d="M84.046,1.689A3.805,3.805,0,0,1,83.985,7.1,3.805,3.805,0,0,1,78.5,7.031a3.807,3.807,0,0,1,.14-5.48,3.8,3.8,0,0,1,5.406.138" transform="translate(66.832 0.424)" fill="#e26826"/>
+      <path id="Path_155835" data-name="Path 155835" d="M19.788,83.977a3.8,3.8,0,1,1-.015-5.333,3.808,3.808,0,0,1,.015,5.333" transform="translate(11.471 66.937)" fill="#e26826"/>
+      <path id="Path_155836" data-name="Path 155836" d="M83.883,58.344a3.787,3.787,0,1,1,.063-5.337,3.825,3.825,0,0,1-.063,5.337" transform="translate(66.878 44.788)" fill="#e26826"/>
+      <path id="Path_155837" data-name="Path 155837" d="M58.218,78.606a3.787,3.787,0,1,1-5.337.03,3.825,3.825,0,0,1,5.337-.03" transform="translate(44.718 66.946)" fill="#e26826"/>
+      <path id="Path_155838" data-name="Path 155838" d="M6.711,83.758a3.6,3.6,0,1,1-.045-5.1,3.593,3.593,0,0,1,.045,5.1" transform="translate(0.482 67.027)" fill="#e26826"/>
+      <path id="Path_155839" data-name="Path 155839" d="M91.4,27.389a3.586,3.586,0,1,1,.032,5.033,3.6,3.6,0,0,1-.032-5.033" transform="translate(78.047 22.718)" fill="#e26826"/>
+      <path id="Path_155840" data-name="Path 155840" d="M91.428,14.565a3.507,3.507,0,1,1,.034,4.942,3.539,3.539,0,0,1-.034-4.942" transform="translate(78.085 11.677)" fill="#e26826"/>
+      <path id="Path_155841" data-name="Path 155841" d="M70.707,78.712a3.47,3.47,0,1,1-4.925.037,3.444,3.444,0,0,1,4.925-.037" transform="translate(55.932 67.081)" fill="#e26826"/>
+      <path id="Path_155842" data-name="Path 155842" d="M91.447,40.251a3.47,3.47,0,1,1,.073,4.925,3.443,3.443,0,0,1-.073-4.925" transform="translate(78.091 33.842)" fill="#e26826"/>
+      <path id="Path_155843" data-name="Path 155843" d="M78.625,65.906a3.47,3.47,0,1,1,.054,4.925,3.441,3.441,0,0,1-.054-4.925" transform="translate(67.012 56.002)" fill="#e26826"/>
+      <path id="Path_155844" data-name="Path 155844" d="M91.494,6.526a3.379,3.379,0,1,1,4.759.006,3.39,3.39,0,0,1-4.759-.006" transform="translate(78.141 0.653)" fill="#e26826"/>
+      <path id="Path_155845" data-name="Path 155845" d="M40.154,91.572a3.379,3.379,0,1,1-.009,4.759,3.39,3.39,0,0,1,.009-4.759" transform="translate(33.823 78.21)" fill="#e26826"/>
+      <path id="Path_155846" data-name="Path 155846" d="M32.124,96.363a3.39,3.39,0,1,1,.034-4.759,3.379,3.379,0,0,1-.034,4.759" transform="translate(22.735 78.201)" fill="#e26826"/>
+      <path id="Path_155847" data-name="Path 155847" d="M19.17,91.581a3.3,3.3,0,1,1-4.662.007,3.329,3.329,0,0,1,4.662-.007" transform="translate(11.707 78.252)" fill="#e26826"/>
+      <path id="Path_155848" data-name="Path 155848" d="M96.185,57.731a3.3,3.3,0,1,1-.037-4.662,3.327,3.327,0,0,1,.037,4.662" transform="translate(78.183 45.014)" fill="#e26826"/>
+      <path id="Path_155849" data-name="Path 155849" d="M57.534,96.11a3.174,3.174,0,1,1,.037-4.452,3.168,3.168,0,0,1-.037,4.452" transform="translate(44.994 78.301)" fill="#e26826"/>
+      <path id="Path_155850" data-name="Path 155850" d="M83.286,78.9a3.164,3.164,0,1,1-4.468-.218,3.188,3.188,0,0,1,4.468.218" transform="translate(67.164 67.233)" fill="#e26826"/>
+      <path id="Path_155851" data-name="Path 155851" d="M6.167,91.6a3.162,3.162,0,1,1-4.433,4.511A3.162,3.162,0,0,1,6.167,91.6" transform="translate(0.687 78.312)" fill="#e26826"/>
+      <path id="Path_155852" data-name="Path 155852" d="M91.569,66.017a3.025,3.025,0,1,1,.015,4.26,2.98,2.98,0,0,1-.015-4.26" transform="translate(78.294 56.204)" fill="#e26826"/>
+      <path id="Path_155853" data-name="Path 155853" d="M104.406,27.528a2.949,2.949,0,1,1,.035,4.17,2.966,2.966,0,0,1-.035-4.17" transform="translate(89.42 23.013)" fill="#e26826"/>
+      <path id="Path_155854" data-name="Path 155854" d="M70.108,91.7a2.936,2.936,0,1,1-4.17-.041,2.978,2.978,0,0,1,4.17.041" transform="translate(56.192 78.421)" fill="#e26826"/>
+      <path id="Path_155855" data-name="Path 155855" d="M104.43,14.672a2.935,2.935,0,1,1,.006,4.17,2.973,2.973,0,0,1-.006-4.17" transform="translate(89.431 11.943)" fill="#e26826"/>
+      <path id="Path_155856" data-name="Path 155856" d="M104.434,40.331a2.936,2.936,0,1,1,0,4.17,2.975,2.975,0,0,1,0-4.17" transform="translate(89.431 34.103)" fill="#e26826"/>
+      <path id="Path_155857" data-name="Path 155857" d="M108.435,1.925a2.735,2.735,0,0,1-.073,3.949,2.739,2.739,0,0,1-3.949-.106,2.738,2.738,0,0,1,.073-3.878,2.736,2.736,0,0,1,3.949.035" transform="translate(89.487 0.92)" fill="#e26826"/>
+      <path id="Path_155858" data-name="Path 155858" d="M27.509,104.533a2.78,2.78,0,1,1-.03,3.949,2.736,2.736,0,0,1,.03-3.949" transform="translate(23.01 89.556)" fill="#e26826"/>
+      <path id="Path_155859" data-name="Path 155859" d="M44.131,108.389a2.7,2.7,0,1,1,.037-3.8,2.746,2.746,0,0,1-.037,3.8" transform="translate(34.144 89.609)" fill="#e26826"/>
+      <path id="Path_155860" data-name="Path 155860" d="M108.324,53.253a2.7,2.7,0,1,1-3.8-.065,2.746,2.746,0,0,1,3.8.065" transform="translate(89.54 45.291)" fill="#e26826"/>
+      <path id="Path_155861" data-name="Path 155861" d="M18.464,104.581a2.679,2.679,0,1,1-3.807-.015,2.725,2.725,0,0,1,3.807.015" transform="translate(11.995 89.62)" fill="#e26826"/>
+      <path id="Path_155862" data-name="Path 155862" d="M82.526,91.834a2.549,2.549,0,1,1-3.6-.121,2.549,2.549,0,0,1,3.6.121" transform="translate(67.443 78.591)" fill="#e26826"/>
+      <path id="Path_155863" data-name="Path 155863" d="M95.292,78.936a2.548,2.548,0,1,1-3.6.011,2.542,2.542,0,0,1,3.6-.011" transform="translate(78.523 67.512)" fill="#e26826"/>
+      <path id="Path_155864" data-name="Path 155864" d="M5.413,104.569a2.533,2.533,0,1,1-3.548,3.617,2.533,2.533,0,0,1,3.548-3.617" transform="translate(0.979 89.682)" fill="#e26826"/>
+      <path id="Path_155865" data-name="Path 155865" d="M53.206,104.595a2.534,2.534,0,1,1,0,3.6,2.553,2.553,0,0,1,0-3.6" transform="translate(45.296 89.682)" fill="#e26826"/>
+      <path id="Path_155866" data-name="Path 155866" d="M104.544,66.2a2.365,2.365,0,1,1,.032,3.306,2.318,2.318,0,0,1-.032-3.306" transform="translate(89.679 56.51)" fill="#e26826"/>
+      <path id="Path_155867" data-name="Path 155867" d="M69.311,104.683a2.266,2.266,0,1,1-3.222-.015,2.306,2.306,0,0,1,3.222.015" transform="translate(56.503 89.81)" fill="#e26826"/>
+      <path id="Path_155868" data-name="Path 155868" d="M120.582,30.847a2.234,2.234,0,1,1,.03-3.14,2.259,2.259,0,0,1-.03,3.14" transform="translate(100.834 23.346)" fill="#e26826"/>
+      <path id="Path_155869" data-name="Path 155869" d="M117.429,18.008a2.234,2.234,0,1,1,3.14.019,2.257,2.257,0,0,1-3.14-.019" transform="translate(100.834 12.267)" fill="#e26826"/>
+      <path id="Path_155870" data-name="Path 155870" d="M117.458,40.487a2.234,2.234,0,1,1-.076,3.14,2.26,2.26,0,0,1,.076-3.14" transform="translate(100.833 34.425)" fill="#e26826"/>
+      <path id="Path_155871" data-name="Path 155871" d="M43.43,120.458a2.079,2.079,0,1,1-.065-2.957,2.134,2.134,0,0,1,.065,2.957" transform="translate(34.434 100.979)" fill="#e26826"/>
+      <path id="Path_155872" data-name="Path 155872" d="M30.608,120.448a2.078,2.078,0,1,1-.084-2.957,2.132,2.132,0,0,1,.084,2.957" transform="translate(23.355 100.979)" fill="#e26826"/>
+      <path id="Path_155873" data-name="Path 155873" d="M120.384,53.363a2.079,2.079,0,1,1-2.957.054,2.132,2.132,0,0,1,2.957-.054" transform="translate(100.911 45.582)" fill="#e26826"/>
+      <path id="Path_155874" data-name="Path 155874" d="M94.765,91.905a2.079,2.079,0,1,1-2.957-.039,2.134,2.134,0,0,1,2.957.039" transform="translate(78.752 78.82)" fill="#e26826"/>
+      <path id="Path_155875" data-name="Path 155875" d="M104.593,81.948A2.079,2.079,0,1,1,107.55,82a2.134,2.134,0,0,1-2.957-.054" transform="translate(89.831 67.742)" fill="#e26826"/>
+      <path id="Path_155876" data-name="Path 155876" d="M17.522,120.27a1.89,1.89,0,1,1,.03-2.654,1.916,1.916,0,0,1-.03,2.654" transform="translate(12.358 101.062)" fill="#e26826"/>
+      <path id="Path_155877" data-name="Path 155877" d="M53.383,117.561a1.89,1.89,0,1,1-.084,2.654,1.916,1.916,0,0,1,.084-2.654" transform="translate(45.595 101.062)" fill="#e26826"/>
+      <path id="Path_155878" data-name="Path 155878" d="M78.987,104.789a1.89,1.89,0,1,1,.041,2.654,1.922,1.922,0,0,1-.041-2.654" transform="translate(67.755 89.982)" fill="#e26826"/>
+      <path id="Path_155879" data-name="Path 155879" d="M117.49,2.122a1.911,1.911,0,1,1,.006,2.665,1.919,1.919,0,0,1-.006-2.665" transform="translate(100.98 1.332)" fill="#e26826"/>
+      <path id="Path_155880" data-name="Path 155880" d="M4.465,117.65a1.686,1.686,0,1,1-2.432,2.337,1.686,1.686,0,0,1,2.432-2.337" transform="translate(1.37 101.154)" fill="#e26826"/>
+      <path id="Path_155881" data-name="Path 155881" d="M119.957,68.691a1.686,1.686,0,1,1,0-2.365,1.7,1.7,0,0,1,0,2.365" transform="translate(101.084 56.836)" fill="#e26826"/>
+      <path id="Path_155882" data-name="Path 155882" d="M15.321,7.684l5.068-5.068c.436,2.081-1.906,5.173-5.068,5.068" transform="translate(13.228 2.259)" fill="#e26826"/>
+      <path id="Path_155883" data-name="Path 155883" d="M2.488,20.473l5.005-5.005c.607,2.3-2.011,5.014-5.005,5.005" transform="translate(2.148 13.355)" fill="#e26826"/>
+      <path id="Path_155884" data-name="Path 155884" d="M130.486,27.833a1.5,1.5,0,0,1,2.087.089A1.47,1.47,0,0,1,132.44,30a1.413,1.413,0,0,1-2-.088,1.469,1.469,0,0,1,.047-2.081" transform="translate(112.268 23.705)" fill="#e26826"/>
+      <path id="Path_155885" data-name="Path 155885" d="M66.309,117.674a1.5,1.5,0,0,1,2.087.058,1.472,1.472,0,0,1-.1,2.081,1.413,1.413,0,0,1-2-.058,1.467,1.467,0,0,1,.015-2.081" transform="translate(56.871 101.261)" fill="#e26826"/>
+      <path id="Path_155886" data-name="Path 155886" d="M132.539,15.051a1.5,1.5,0,0,1-.041,2.087,1.47,1.47,0,0,1-2.081-.084,1.412,1.412,0,0,1,.041-2,1.467,1.467,0,0,1,2.081,0" transform="translate(112.261 12.622)" fill="#e26826"/>
+      <path id="Path_155887" data-name="Path 155887" d="M132.462,42.839a1.507,1.507,0,0,1-2.087-.136,1.472,1.472,0,0,1,.179-2.076,1.415,1.415,0,0,1,2,.13,1.474,1.474,0,0,1-.091,2.081" transform="translate(112.269 34.774)" fill="#e26826"/>
+      <path id="Path_155888" data-name="Path 155888" d="M106.864,92.035a1.5,1.5,0,0,1-.02,2.087,1.468,1.468,0,0,1-2.081-.063,1.412,1.412,0,0,1,.02-2,1.466,1.466,0,0,1,2.081-.022" transform="translate(90.102 79.099)" fill="#e26826"/>
+      <path id="Path_155889" data-name="Path 155889" d="M91.973,104.842a1.5,1.5,0,0,1,2.087.058,1.472,1.472,0,0,1-.1,2.081,1.413,1.413,0,0,1-2-.058,1.467,1.467,0,0,1,.015-2.081" transform="translate(79.03 90.182)" fill="#e26826"/>
+      <path id="Path_155890" data-name="Path 155890" d="M29.525,132.494c-.552-.1-1.224-.039-1.623-.341a.973.973,0,0,1,.041-1.621,1.645,1.645,0,0,1,1.55.015c.335.3.272,1.042.382,1.591l-.35.356" transform="translate(23.733 112.542)" fill="#e26826"/>
+      <path id="Path_155891" data-name="Path 155891" d="M16.9,130.6c-.084.553,0,1.224-.293,1.634a.973.973,0,0,1-1.621.007,1.647,1.647,0,0,1-.035-1.55c.293-.343,1.036-.3,1.582-.429.121.114.244.225.367.337" transform="translate(12.757 112.469)" fill="#e26826"/>
+      <path id="Path_155892" data-name="Path 155892" d="M42.593,130.628c-.1.55-.047,1.224-.348,1.621a.973.973,0,0,1-1.621-.048,1.644,1.644,0,0,1,.022-1.55c.3-.334,1.044-.266,1.593-.375.117.117.235.235.354.352" transform="translate(34.917 112.481)" fill="#e26826"/>
+      <path id="Path_155893" data-name="Path 155893" d="M55.455,130.66c-.125.546-.091,1.224-.412,1.608a.973.973,0,0,1-1.617-.117,1.644,1.644,0,0,1,.086-1.548c.315-.319,1.053-.224,1.606-.309.112.123.225.244.337.367" transform="translate(45.997 112.496)" fill="#e26826"/>
+      <path id="Path_155894" data-name="Path 155894" d="M132.4,53.616c-.091.553-.017,1.224-.311,1.63a.971.971,0,0,1-1.619-.011,1.639,1.639,0,0,1-.019-1.55c.3-.339,1.038-.291,1.586-.412.121.116.242.229.363.343" transform="translate(112.473 45.996)" fill="#e26826"/>
+      <path id="Path_155895" data-name="Path 155895" d="M119.342,81.171c-.55-.1-1.224-.048-1.621-.352a.974.974,0,0,1,.054-1.621,1.643,1.643,0,0,1,1.55.026c.332.3.265,1.045.371,1.6-.119.117-.237.235-.354.352" transform="translate(101.289 68.224)" fill="#e26826"/>
+      <path id="Path_155896" data-name="Path 155896" d="M81.116,117.826c-.123.546-.088,1.224-.406,1.608a.973.973,0,0,1-1.617-.11,1.644,1.644,0,0,1,.08-1.548c.313-.322,1.051-.229,1.6-.317l.339.367" transform="translate(68.156 101.415)" fill="#e26826"/>
+      <path id="Path_155897" data-name="Path 155897" d="M130.557,66.114c.55.108,1.224.058,1.617.365a.973.973,0,0,1-.065,1.619,1.648,1.648,0,0,1-1.55-.037c-.33-.306-.255-1.045-.358-1.6.119-.116.237-.233.356-.35" transform="translate(112.417 57.083)" fill="#e26826"/>
+      <path id="Path_155898" data-name="Path 155898" d="M104.551,106.636c.084-.553,0-1.224.289-1.634a.972.972,0,0,1,1.621-.011,1.643,1.643,0,0,1,.039,1.55c-.291.343-1.034.3-1.582.43-.121-.112-.244-.224-.367-.335" transform="translate(90.27 90.278)" fill="#e26826"/>
+      <path id="Path_155899" data-name="Path 155899" d="M143.177,40.609c.689.129,1.209.08,1.435.313.19.2.041.723.041,1.1-.4,0-.9.14-1.185-.043-.216-.14-.166-.691-.291-1.375" transform="translate(123.62 35.062)" fill="#e26826"/>
+      <path id="Path_155900" data-name="Path 155900" d="M42.14,144.911c-.682-.158-1.2-.13-1.42-.375-.181-.205-.134-.956.041-1.053a1.281,1.281,0,0,1,1.155.045c.209.151.132.7.224,1.383" transform="translate(35.059 123.785)" fill="#e26826"/>
+      <path id="Path_155901" data-name="Path 155901" d="M144.826,29.394c-.688-.138-1.208-.093-1.431-.33-.186-.2-.166-.952,0-1.053a1.292,1.292,0,0,1,1.155.006c.214.142.157.7.272,1.377" transform="translate(123.695 24.07)" fill="#e26826"/>
+      <path id="Path_155902" data-name="Path 155902" d="M53.362,144.9c.129-.689.08-1.209.313-1.435.2-.19.725-.041,1.1-.041,0,.4.142.9-.043,1.185-.142.216-.7.166-1.375.291" transform="translate(46.073 123.784)" fill="#e26826"/>
+      <path id="Path_155903" data-name="Path 155903" d="M66.226,130.4c.676.19,1.2.186,1.4.438.173.214.093.963-.086,1.053a1.291,1.291,0,0,1-1.153-.1c-.2-.157-.1-.7-.164-1.39" transform="translate(57.18 112.586)" fill="#e26826"/>
+      <path id="Path_155904" data-name="Path 155904" d="M143.18,53.44c.689.132,1.208.086,1.433.321.19.2.175.948.006,1.053a1.287,1.287,0,0,1-1.155,0c-.214-.14-.16-.691-.283-1.375" transform="translate(123.623 46.141)" fill="#e26826"/>
+      <path id="Path_155905" data-name="Path 155905" d="M27.7,143.259c.686.142,1.207.1,1.427.341a1.088,1.088,0,0,1-.011,1.053,1.292,1.292,0,0,1-1.155-.015c-.212-.143-.149-.7-.261-1.379" transform="translate(23.914 123.691)" fill="#e26826"/>
+      <path id="Path_155906" data-name="Path 155906" d="M67.8,144.911c-.682-.158-1.2-.13-1.42-.375-.181-.205-.134-.956.041-1.053a1.281,1.281,0,0,1,1.155.045c.209.151.132.7.224,1.383" transform="translate(57.217 123.785)" fill="#e26826"/>
+      <path id="Path_155907" data-name="Path 155907" d="M80.682,130.454c-.168.68-.147,1.2-.4,1.414-.207.179-.958.121-1.053-.058a1.287,1.287,0,0,1,.063-1.155c.151-.2.7-.119,1.385-.2" transform="translate(68.318 112.635)" fill="#e26826"/>
+      <path id="Path_155908" data-name="Path 155908" d="M93.445,117.589c-.125.691-.073,1.209-.3,1.437-.2.192-.723.047-1.1.05,0-.406-.147-.9.035-1.187.14-.218.693-.17,1.373-.3" transform="translate(79.416 101.527)" fill="#e26826"/>
+      <path id="Path_155909" data-name="Path 155909" d="M117.548,91.908c.678.177,1.2.164,1.411.414.175.209.108.96-.071,1.053a1.284,1.284,0,0,1-1.153-.078c-.2-.155-.114-.7-.186-1.388" transform="translate(101.492 79.354)" fill="#e26826"/>
+      <path id="Path_155910" data-name="Path 155910" d="M131.98,80.737c-.686-.147-1.206-.112-1.426-.352-.184-.2-.151-.954.022-1.055a1.292,1.292,0,0,1,1.155.028c.211.143.143.7.248,1.379" transform="translate(112.615 68.388)" fill="#e26826"/>
+      <path id="Path_155911" data-name="Path 155911" d="M144.819,66.277c-.147.686-.112,1.206-.352,1.425-.2.184-.954.151-1.055-.022a1.292,1.292,0,0,1,.028-1.155c.144-.211.7-.143,1.379-.248" transform="translate(123.717 57.224)" fill="#e26826"/>
+      <path id="Path_155912" data-name="Path 155912" d="M93.5,132.053c-.688-.138-1.208-.1-1.431-.33-.186-.2-.166-.952,0-1.055a1.292,1.292,0,0,1,1.155.007c.214.142.157.7.272,1.377" transform="translate(79.377 112.706)" fill="#e26826"/>
+      <path id="Path_155913" data-name="Path 155913" d="M106.265,117.581c-.114.693-.052,1.211-.281,1.442-.194.2-.723.06-1.1.071-.011-.4-.162-.9.015-1.187.132-.22.688-.183,1.37-.326" transform="translate(90.494 101.52)" fill="#e26826"/>
+      <path id="Path_155914" data-name="Path 155914" d="M119.179,104.789c-.168.68-.147,1.2-.4,1.414-.207.179-.956.121-1.053-.058a1.287,1.287,0,0,1,.063-1.155c.151-.2.7-.119,1.385-.2" transform="translate(101.557 90.476)" fill="#e26826"/>
+      <path id="Path_155915" data-name="Path 155915" d="M130.355,93.569c.129-.689.08-1.209.313-1.435.2-.19.723-.041,1.1-.041,0,.4.142.9-.039,1.185-.142.216-.7.166-1.377.291" transform="translate(112.55 79.466)" fill="#e26826"/>
+    </g>
+  </g>
+</svg>
diff --git a/signup-ui/public/images/top.svg b/signup-ui/public/images/top.svg
new file mode 100644
index 00000000..35a2cb2d
--- /dev/null
+++ b/signup-ui/public/images/top.svg
@@ -0,0 +1,129 @@
+<svg id="Group_57989" data-name="Group 57989" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="225.912" height="226.047" viewBox="0 0 225.912 226.047">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_7115" data-name="Rectangle 7115" width="225.912" height="226.047" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_57988" data-name="Group 57988" clip-path="url(#clip-path)">
+    <path id="Path_155796" data-name="Path 155796" d="M32.935,26.728a4.446,4.446,0,1,1-6.3-.041,4.443,4.443,0,0,1,6.3.041" transform="translate(14.37 14.415)" fill="#e26826"/>
+    <path id="Path_155797" data-name="Path 155797" d="M45.665,26.683a4.4,4.4,0,1,1-6.245.061,4.454,4.454,0,0,1,6.245-.061" transform="translate(21.676 14.438)" fill="#e26826"/>
+    <path id="Path_155798" data-name="Path 155798" d="M32.884,20.074a4.4,4.4,0,1,1-.074-6.245,4.456,4.456,0,0,1,.074,6.245" transform="translate(14.393 7.154)" fill="#e26826"/>
+    <path id="Path_155799" data-name="Path 155799" d="M32.772,39.578a4.318,4.318,0,1,1-6.122.022,4.278,4.278,0,0,1,6.122-.022" transform="translate(14.411 21.74)" fill="#e26826"/>
+    <path id="Path_155800" data-name="Path 155800" d="M39.527,13.9a4.305,4.305,0,1,1-.071,6.057,4.261,4.261,0,0,1,.071-6.057" transform="translate(21.699 7.176)" fill="#e26826"/>
+    <path id="Path_155801" data-name="Path 155801" d="M45.578,39.618a4.272,4.272,0,1,1-6.056-.038,4.27,4.27,0,0,1,6.056.038" transform="translate(21.718 21.763)" fill="#e26826"/>
+    <path id="Path_155802" data-name="Path 155802" d="M19.913,26.785a4.272,4.272,0,1,1-6.056-.036,4.272,4.272,0,0,1,6.056.036" transform="translate(7.15 14.479)" fill="#e26826"/>
+    <path id="Path_155803" data-name="Path 155803" d="M19.771,39.662a4.139,4.139,0,1,1-5.822-.072,4.1,4.1,0,0,1,5.822.072" transform="translate(7.192 21.805)" fill="#e26826"/>
+    <path id="Path_155804" data-name="Path 155804" d="M58.265,26.845a4.126,4.126,0,1,1-5.819-.075,4.084,4.084,0,0,1,5.819.075" transform="translate(29.048 14.525)" fill="#e26826"/>
+    <path id="Path_155805" data-name="Path 155805" d="M19.665,13.96a4.091,4.091,0,1,1-5.753.028,4.086,4.086,0,0,1,5.753-.028" transform="translate(7.215 7.26)" fill="#e26826"/>
+    <path id="Path_155806" data-name="Path 155806" d="M58.135,14a4.044,4.044,0,1,1-5.687-.034A4.09,4.09,0,0,1,58.135,14" transform="translate(29.091 7.284)" fill="#e26826"/>
+    <path id="Path_155807" data-name="Path 155807" d="M58.135,39.665a4.044,4.044,0,1,1-5.687-.034,4.09,4.09,0,0,1,5.687.034" transform="translate(29.091 21.852)" fill="#e26826"/>
+    <path id="Path_155808" data-name="Path 155808" d="M32.471,52.5a4.044,4.044,0,1,1-5.687-.036,4.09,4.09,0,0,1,5.687.036" transform="translate(14.523 29.136)" fill="#e26826"/>
+    <path id="Path_155809" data-name="Path 155809" d="M45.318,6.869a4.089,4.089,0,0,1-5.75,0,4.088,4.088,0,0,1,0-5.687,4.089,4.089,0,0,1,5.75,0,4.091,4.091,0,0,1,0,5.687" transform="translate(21.807 0)" fill="#e26826"/>
+    <path id="Path_155810" data-name="Path 155810" d="M45.216,58.128a3.951,3.951,0,1,1,.017-5.571,3.907,3.907,0,0,1-.017,5.571" transform="translate(21.827 29.156)" fill="#e26826"/>
+    <path id="Path_155811" data-name="Path 155811" d="M32.437,1.265a3.909,3.909,0,0,1-.091,5.571,3.91,3.91,0,0,1-5.634-.124,3.909,3.909,0,0,1,.154-5.57,3.91,3.91,0,0,1,5.571.122" transform="translate(14.543 0.02)" fill="#e26826"/>
+    <path id="Path_155812" data-name="Path 155812" d="M1.16,39.693A3.907,3.907,0,1,1,1.1,45.2a3.919,3.919,0,0,1,.06-5.509" transform="translate(0 21.897)" fill="#e26826"/>
+    <path id="Path_155813" data-name="Path 155813" d="M14,52.519a3.906,3.906,0,1,1-.071,5.509A3.921,3.921,0,0,1,14,52.519" transform="translate(7.284 29.181)" fill="#e26826"/>
+    <path id="Path_155814" data-name="Path 155814" d="M52.487,1.234a3.881,3.881,0,0,1,5.441,0,3.881,3.881,0,0,1,0,5.441,3.877,3.877,0,0,1-5.44,0,3.879,3.879,0,0,1,0-5.441" transform="translate(29.16 0.069)" fill="#e26826"/>
+    <path id="Path_155815" data-name="Path 155815" d="M1.173,26.883a3.881,3.881,0,0,1,5.441.034,3.881,3.881,0,0,1-.034,5.441,3.881,3.881,0,0,1-5.441-.034,3.881,3.881,0,0,1,.034-5.441" transform="translate(0.024 14.637)" fill="#e26826"/>
+    <path id="Path_155816" data-name="Path 155816" d="M57.852,57.908a3.757,3.757,0,1,1-.039-5.33,3.723,3.723,0,0,1,.039,5.33" transform="translate(29.182 29.228)" fill="#e26826"/>
+    <path id="Path_155817" data-name="Path 155817" d="M70.658,26.927a3.758,3.758,0,1,1-5.33.045,3.723,3.723,0,0,1,5.33-.045" transform="translate(36.467 14.66)" fill="#e26826"/>
+    <path id="Path_155818" data-name="Path 155818" d="M70.64,14.137a3.714,3.714,0,1,1-5.267-.031,3.75,3.75,0,0,1,5.267.031" transform="translate(36.492 7.402)" fill="#e26826"/>
+    <path id="Path_155819" data-name="Path 155819" d="M70.605,39.769a3.714,3.714,0,1,1-5.267.034,3.744,3.744,0,0,1,5.267-.034" transform="translate(36.493 21.97)" fill="#e26826"/>
+    <path id="Path_155820" data-name="Path 155820" d="M6.477,52.635A3.75,3.75,0,0,1,6.415,57.9a3.749,3.749,0,0,1-5.267-.094,3.747,3.747,0,0,1,.063-5.2,3.746,3.746,0,0,1,5.267.031" transform="translate(0.072 29.254)" fill="#e26826"/>
+    <path id="Path_155821" data-name="Path 155821" d="M32.118,70.694a3.714,3.714,0,1,1-.016-5.267,3.746,3.746,0,0,1,.016,5.267" transform="translate(14.641 36.538)" fill="#e26826"/>
+    <path id="Path_155822" data-name="Path 155822" d="M39.754,65.465a3.626,3.626,0,1,1-.049,5.11,3.6,3.6,0,0,1,.049-5.11" transform="translate(21.948 36.562)" fill="#e26826"/>
+    <path id="Path_155823" data-name="Path 155823" d="M70.459,1.341a3.562,3.562,0,1,1-5.021-.016,3.555,3.555,0,0,1,5.021.016" transform="translate(36.541 0.167)" fill="#e26826"/>
+    <path id="Path_155824" data-name="Path 155824" d="M19.149,65.521a3.561,3.561,0,1,1-5.021-.053,3.552,3.552,0,0,1,5.021.053" transform="translate(7.405 36.587)" fill="#e26826"/>
+    <path id="Path_155825" data-name="Path 155825" d="M70.463,57.679a3.554,3.554,0,1,1-.031-5.026,3.565,3.565,0,0,1,.031,5.026" transform="translate(36.547 29.309)" fill="#e26826"/>
+    <path id="Path_155826" data-name="Path 155826" d="M57.585,65.539a3.506,3.506,0,1,1-4.958-.052,3.551,3.551,0,0,1,4.958.052" transform="translate(29.285 36.615)" fill="#e26826"/>
+    <path id="Path_155827" data-name="Path 155827" d="M83.107,27.041a3.405,3.405,0,1,1-4.784.013,3.368,3.368,0,0,1,4.784-.013" transform="translate(43.878 14.787)" fill="#e26826"/>
+    <path id="Path_155828" data-name="Path 155828" d="M1.34,65.544a3.367,3.367,0,0,1,4.784.02,3.368,3.368,0,0,1-.052,4.847,3.365,3.365,0,0,1-4.784-.083,3.363,3.363,0,0,1,.052-4.784" transform="translate(0.179 36.644)" fill="#e26826"/>
+    <path id="Path_155829" data-name="Path 155829" d="M78.335,39.886a3.356,3.356,0,1,1-.049,4.73,3.39,3.39,0,0,1,.049-4.73" transform="translate(43.906 22.1)" fill="#e26826"/>
+    <path id="Path_155830" data-name="Path 155830" d="M83.077,14.251a3.356,3.356,0,1,1-4.73-.041,3.39,3.39,0,0,1,4.73.041" transform="translate(43.906 7.532)" fill="#e26826"/>
+    <path id="Path_155831" data-name="Path 155831" d="M70.163,65.638a3.256,3.256,0,1,1-4.62-.041,3.228,3.228,0,0,1,4.62.041" transform="translate(36.649 36.694)" fill="#e26826"/>
+    <path id="Path_155832" data-name="Path 155832" d="M27.04,78.435a3.256,3.256,0,1,1,0,4.62,3.226,3.226,0,0,1,0-4.62" transform="translate(14.797 43.978)" fill="#e26826"/>
+    <path id="Path_155833" data-name="Path 155833" d="M44.475,78.446a3.256,3.256,0,1,1-4.62.008,3.226,3.226,0,0,1,4.62-.008" transform="translate(22.081 43.978)" fill="#e26826"/>
+    <path id="Path_155834" data-name="Path 155834" d="M82.992,1.5a3.2,3.2,0,0,1-.052,4.549,3.2,3.2,0,0,1-4.614-.055,3.2,3.2,0,0,1,.118-4.61,3.2,3.2,0,0,1,4.548.116" transform="translate(43.938 0.279)" fill="#e26826"/>
+    <path id="Path_155835" data-name="Path 155835" d="M18.756,82.953a3.194,3.194,0,1,1-.013-4.487,3.2,3.2,0,0,1,.013,4.487" transform="translate(7.541 44.007)" fill="#e26826"/>
+    <path id="Path_155836" data-name="Path 155836" d="M82.863,57.317a3.186,3.186,0,1,1,.053-4.49,3.218,3.218,0,0,1-.053,4.49" transform="translate(43.968 29.445)" fill="#e26826"/>
+    <path id="Path_155837" data-name="Path 155837" d="M57.2,78.437a3.186,3.186,0,1,1-4.49.025,3.218,3.218,0,0,1,4.49-.025" transform="translate(29.399 44.013)" fill="#e26826"/>
+    <path id="Path_155838" data-name="Path 155838" d="M5.734,82.786A3.025,3.025,0,1,1,5.7,78.492a3.023,3.023,0,0,1,.038,4.294" transform="translate(0.317 44.066)" fill="#e26826"/>
+    <path id="Path_155839" data-name="Path 155839" d="M91.242,27.218a3.017,3.017,0,1,1,.027,4.234,3.032,3.032,0,0,1-.027-4.234" transform="translate(51.311 14.936)" fill="#e26826"/>
+    <path id="Path_155840" data-name="Path 155840" d="M91.27,14.4a2.95,2.95,0,1,1,.028,4.157A2.977,2.977,0,0,1,91.27,14.4" transform="translate(51.336 7.677)" fill="#e26826"/>
+    <path id="Path_155841" data-name="Path 155841" d="M69.767,78.55a2.919,2.919,0,1,1-4.143.031,2.9,2.9,0,0,1,4.143-.031" transform="translate(36.771 44.101)" fill="#e26826"/>
+    <path id="Path_155842" data-name="Path 155842" d="M91.288,40.084a2.919,2.919,0,1,1,.061,4.143,2.9,2.9,0,0,1-.061-4.143" transform="translate(51.34 22.249)" fill="#e26826"/>
+    <path id="Path_155843" data-name="Path 155843" d="M78.464,65.74a2.919,2.919,0,1,1,.045,4.143,2.895,2.895,0,0,1-.045-4.143" transform="translate(44.056 36.817)" fill="#e26826"/>
+    <path id="Path_155844" data-name="Path 155844" d="M91.337,5.611a2.843,2.843,0,1,1,4,0,2.852,2.852,0,0,1-4,0" transform="translate(51.373 0.43)" fill="#e26826"/>
+    <path id="Path_155845" data-name="Path 155845" d="M40,91.415a2.842,2.842,0,1,1-.008,4,2.852,2.852,0,0,1,.008-4" transform="translate(22.237 51.418)" fill="#e26826"/>
+    <path id="Path_155846" data-name="Path 155846" d="M31.2,95.444a2.852,2.852,0,1,1,.028-4,2.843,2.843,0,0,1-.028,4" transform="translate(14.947 51.412)" fill="#e26826"/>
+    <path id="Path_155847" data-name="Path 155847" d="M18.279,91.43a2.773,2.773,0,1,1-3.922.006,2.8,2.8,0,0,1,3.922-.006" transform="translate(7.696 51.445)" fill="#e26826"/>
+    <path id="Path_155848" data-name="Path 155848" d="M95.291,56.843a2.774,2.774,0,1,1-.031-3.922,2.8,2.8,0,0,1,.031,3.922" transform="translate(51.4 29.593)" fill="#e26826"/>
+    <path id="Path_155849" data-name="Path 155849" d="M56.674,95.249a2.67,2.67,0,1,1,.031-3.745,2.665,2.665,0,0,1-.031,3.745" transform="translate(29.581 51.478)" fill="#e26826"/>
+    <path id="Path_155850" data-name="Path 155850" d="M82.413,78.734a2.662,2.662,0,1,1-3.759-.183,2.682,2.682,0,0,1,3.759.183" transform="translate(44.156 44.201)" fill="#e26826"/>
+    <path id="Path_155851" data-name="Path 155851" d="M5.314,91.457a2.66,2.66,0,1,1-3.729,3.8,2.66,2.66,0,0,1,3.729-3.8" transform="translate(0.451 51.485)" fill="#e26826"/>
+    <path id="Path_155852" data-name="Path 155852" d="M91.428,65.871a2.545,2.545,0,1,1,.013,3.584,2.507,2.507,0,0,1-.013-3.584" transform="translate(51.473 36.95)" fill="#e26826"/>
+    <path id="Path_155853" data-name="Path 155853" d="M104.273,27.389a2.481,2.481,0,1,1,.03,3.508,2.5,2.5,0,0,1-.03-3.508" transform="translate(58.788 15.13)" fill="#e26826"/>
+    <path id="Path_155854" data-name="Path 155854" d="M69.31,91.562a2.47,2.47,0,1,1-3.508-.034,2.506,2.506,0,0,1,3.508.034" transform="translate(36.943 51.557)" fill="#e26826"/>
+    <path id="Path_155855" data-name="Path 155855" d="M104.3,14.539a2.469,2.469,0,1,1,0,3.508,2.5,2.5,0,0,1,0-3.508" transform="translate(58.795 7.852)" fill="#e26826"/>
+    <path id="Path_155856" data-name="Path 155856" d="M104.3,40.2a2.47,2.47,0,1,1,0,3.508,2.5,2.5,0,0,1,0-3.508" transform="translate(58.795 22.42)" fill="#e26826"/>
+    <path id="Path_155857" data-name="Path 155857" d="M107.674,1.789a2.3,2.3,0,0,1-.061,3.322,2.3,2.3,0,0,1-3.322-.089,2.3,2.3,0,0,1,.061-3.262,2.3,2.3,0,0,1,3.322.03" transform="translate(58.832 0.605)" fill="#e26826"/>
+    <path id="Path_155858" data-name="Path 155858" d="M27.372,104.4a2.339,2.339,0,1,1-.025,3.322,2.3,2.3,0,0,1,.025-3.322" transform="translate(15.128 58.877)" fill="#e26826"/>
+    <path id="Path_155859" data-name="Path 155859" d="M43.4,107.658a2.274,2.274,0,1,1,.031-3.2,2.31,2.31,0,0,1-.031,3.2" transform="translate(22.447 58.912)" fill="#e26826"/>
+    <path id="Path_155860" data-name="Path 155860" d="M107.591,53.127a2.274,2.274,0,1,1-3.2-.055,2.31,2.31,0,0,1,3.2.055" transform="translate(58.867 29.776)" fill="#e26826"/>
+    <path id="Path_155861" data-name="Path 155861" d="M17.739,104.457a2.254,2.254,0,1,1-3.2-.013,2.293,2.293,0,0,1,3.2.013" transform="translate(7.886 58.919)" fill="#e26826"/>
+    <path id="Path_155862" data-name="Path 155862" d="M81.825,91.706a2.144,2.144,0,1,1-3.032-.1,2.144,2.144,0,0,1,3.032.1" transform="translate(44.339 51.669)" fill="#e26826"/>
+    <path id="Path_155863" data-name="Path 155863" d="M94.6,78.818a2.144,2.144,0,1,1-3.032.009,2.138,2.138,0,0,1,3.032-.009" transform="translate(51.624 44.384)" fill="#e26826"/>
+    <path id="Path_155864" data-name="Path 155864" d="M4.734,104.458A2.131,2.131,0,1,1,1.749,107.5a2.131,2.131,0,0,1,2.985-3.043" transform="translate(0.643 58.96)" fill="#e26826"/>
+    <path id="Path_155865" data-name="Path 155865" d="M53.088,104.48a2.131,2.131,0,1,1,0,3.029,2.147,2.147,0,0,1,0-3.029" transform="translate(29.779 58.96)" fill="#e26826"/>
+    <path id="Path_155866" data-name="Path 155866" d="M104.436,66.079a1.99,1.99,0,1,1,.027,2.781,1.95,1.95,0,0,1-.027-2.781" transform="translate(58.958 37.152)" fill="#e26826"/>
+    <path id="Path_155867" data-name="Path 155867" d="M68.7,104.577a1.906,1.906,0,1,1-2.71-.013,1.94,1.94,0,0,1,2.71.013" transform="translate(37.147 59.044)" fill="#e26826"/>
+    <path id="Path_155868" data-name="Path 155868" d="M119.98,30.243A1.879,1.879,0,1,1,120,27.6a1.9,1.9,0,0,1-.025,2.641" transform="translate(66.291 15.349)" fill="#e26826"/>
+    <path id="Path_155869" data-name="Path 155869" d="M117.327,17.4a1.879,1.879,0,1,1,2.641.016,1.9,1.9,0,0,1-2.641-.016" transform="translate(66.291 8.064)" fill="#e26826"/>
+    <path id="Path_155870" data-name="Path 155870" d="M117.351,40.39a1.879,1.879,0,1,1-.064,2.641,1.9,1.9,0,0,1,.064-2.641" transform="translate(66.291 22.632)" fill="#e26826"/>
+    <path id="Path_155871" data-name="Path 155871" d="M42.867,119.9a1.749,1.749,0,1,1-.055-2.488,1.8,1.8,0,0,1,.055,2.488" transform="translate(22.638 66.387)" fill="#e26826"/>
+    <path id="Path_155872" data-name="Path 155872" d="M30.043,119.893a1.748,1.748,0,1,1-.071-2.488,1.794,1.794,0,0,1,.071,2.488" transform="translate(15.354 66.387)" fill="#e26826"/>
+    <path id="Path_155873" data-name="Path 155873" d="M119.827,53.273a1.749,1.749,0,1,1-2.488.045,1.794,1.794,0,0,1,2.488-.045" transform="translate(66.342 29.967)" fill="#e26826"/>
+    <path id="Path_155874" data-name="Path 155874" d="M94.2,91.808a1.749,1.749,0,1,1-2.488-.033,1.8,1.8,0,0,1,2.488.033" transform="translate(51.774 51.819)" fill="#e26826"/>
+    <path id="Path_155875" data-name="Path 155875" d="M104.506,81.394a1.749,1.749,0,1,1,2.488.045,1.8,1.8,0,0,1-2.488-.045" transform="translate(59.058 44.536)" fill="#e26826"/>
+    <path id="Path_155876" data-name="Path 155876" d="M17.013,119.759a1.59,1.59,0,1,1,.025-2.232,1.611,1.611,0,0,1-.025,2.232" transform="translate(8.124 66.441)" fill="#e26826"/>
+    <path id="Path_155877" data-name="Path 155877" d="M53.292,117.48a1.59,1.59,0,1,1-.071,2.232,1.612,1.612,0,0,1,.071-2.232" transform="translate(29.976 66.441)" fill="#e26826"/>
+    <path id="Path_155878" data-name="Path 155878" d="M78.905,104.7a1.59,1.59,0,1,1,.035,2.232,1.617,1.617,0,0,1-.035-2.232" transform="translate(44.544 59.157)" fill="#e26826"/>
+    <path id="Path_155879" data-name="Path 155879" d="M117.405,2.03a1.608,1.608,0,1,1,0,2.242,1.615,1.615,0,0,1,0-2.242" transform="translate(66.387 0.876)" fill="#e26826"/>
+    <path id="Path_155880" data-name="Path 155880" d="M4.008,117.571a1.419,1.419,0,1,1-2.046,1.966,1.419,1.419,0,0,1,2.046-1.966" transform="translate(0.9 66.502)" fill="#e26826"/>
+    <path id="Path_155881" data-name="Path 155881" d="M119.5,68.236a1.418,1.418,0,1,1,0-1.989,1.428,1.428,0,0,1,0,1.989" transform="translate(66.456 37.366)" fill="#e26826"/>
+    <path id="Path_155882" data-name="Path 155882" d="M15.321,6.88l4.264-4.264c.367,1.751-1.6,4.352-4.264,4.264" transform="translate(8.697 1.485)" fill="#e26826"/>
+    <path id="Path_155883" data-name="Path 155883" d="M2.488,19.679,6.7,15.468c.511,1.936-1.691,4.219-4.211,4.211" transform="translate(1.412 8.78)" fill="#e26826"/>
+    <path id="Path_155884" data-name="Path 155884" d="M130.413,27.773a1.265,1.265,0,0,1,1.756.075,1.237,1.237,0,0,1-.111,1.749,1.189,1.189,0,0,1-1.684-.074,1.236,1.236,0,0,1,.039-1.751" transform="translate(73.809 15.584)" fill="#e26826"/>
+    <path id="Path_155885" data-name="Path 155885" d="M66.239,117.612a1.263,1.263,0,0,1,1.756.049,1.238,1.238,0,0,1-.085,1.751,1.188,1.188,0,0,1-1.684-.049,1.234,1.234,0,0,1,.013-1.751" transform="translate(37.389 66.572)" fill="#e26826"/>
+    <path id="Path_155886" data-name="Path 155886" d="M132.139,14.983a1.26,1.26,0,0,1-.034,1.756,1.236,1.236,0,0,1-1.751-.071,1.188,1.188,0,0,1,.034-1.684,1.234,1.234,0,0,1,1.751,0" transform="translate(73.804 8.298)" fill="#e26826"/>
+    <path id="Path_155887" data-name="Path 155887" d="M132.076,42.432a1.268,1.268,0,0,1-1.756-.114,1.238,1.238,0,0,1,.15-1.746,1.19,1.19,0,0,1,1.682.11,1.24,1.24,0,0,1-.077,1.751" transform="translate(73.81 22.861)" fill="#e26826"/>
+    <path id="Path_155888" data-name="Path 155888" d="M106.466,91.968a1.26,1.26,0,0,1-.017,1.756,1.235,1.235,0,0,1-1.751-.053,1.188,1.188,0,0,1,.017-1.684,1.234,1.234,0,0,1,1.751-.019" transform="translate(59.236 52.002)" fill="#e26826"/>
+    <path id="Path_155889" data-name="Path 155889" d="M91.9,104.78a1.263,1.263,0,0,1,1.756.049,1.238,1.238,0,0,1-.085,1.751,1.188,1.188,0,0,1-1.684-.049,1.234,1.234,0,0,1,.013-1.751" transform="translate(51.957 59.289)" fill="#e26826"/>
+    <path id="Path_155890" data-name="Path 155890" d="M29.2,132.153c-.464-.085-1.03-.033-1.365-.287a.819.819,0,0,1,.034-1.364,1.384,1.384,0,0,1,1.3.013c.282.252.229.876.321,1.339l-.295.3" transform="translate(15.603 73.989)" fill="#e26826"/>
+    <path id="Path_155891" data-name="Path 155891" d="M16.565,130.546c-.071.466,0,1.03-.246,1.375a.819.819,0,0,1-1.364.006,1.386,1.386,0,0,1-.03-1.3c.246-.288.872-.254,1.331-.361.1.1.205.19.309.284" transform="translate(8.387 73.941)" fill="#e26826"/>
+    <path id="Path_155892" data-name="Path 155892" d="M42.252,130.572c-.088.462-.039,1.03-.293,1.364a.819.819,0,0,1-1.364-.041,1.383,1.383,0,0,1,.019-1.3c.254-.281.878-.224,1.34-.315.1.1.2.2.3.3" transform="translate(22.956 73.949)" fill="#e26826"/>
+    <path id="Path_155893" data-name="Path 155893" d="M55.108,130.6c-.105.459-.077,1.03-.346,1.353a.819.819,0,0,1-1.361-.1,1.383,1.383,0,0,1,.072-1.3c.265-.268.886-.188,1.351-.26.094.1.19.205.284.309" transform="translate(30.24 73.959)" fill="#e26826"/>
+    <path id="Path_155894" data-name="Path 155894" d="M132.062,53.561c-.077.466-.014,1.03-.262,1.372a.817.817,0,0,1-1.362-.009,1.379,1.379,0,0,1-.016-1.3c.249-.285.873-.245,1.334-.346.1.1.2.193.306.288" transform="translate(73.943 30.24)" fill="#e26826"/>
+    <path id="Path_155895" data-name="Path 155895" d="M119.02,80.829c-.462-.088-1.03-.041-1.364-.3a.82.82,0,0,1,.045-1.364,1.382,1.382,0,0,1,1.3.022c.279.256.223.879.312,1.342-.1.1-.2.2-.3.3" transform="translate(66.591 44.853)" fill="#e26826"/>
+    <path id="Path_155896" data-name="Path 155896" d="M80.77,117.768c-.1.459-.074,1.03-.342,1.353a.819.819,0,0,1-1.361-.092,1.383,1.383,0,0,1,.067-1.3c.263-.271.884-.193,1.35-.266l.285.309" transform="translate(44.808 66.674)" fill="#e26826"/>
+    <path id="Path_155897" data-name="Path 155897" d="M130.5,66.114c.462.091,1.03.049,1.361.307a.818.818,0,0,1-.055,1.362,1.386,1.386,0,0,1-1.3-.031c-.277-.257-.215-.879-.3-1.343.1-.1.2-.2.3-.295" transform="translate(73.906 37.529)" fill="#e26826"/>
+    <path id="Path_155898" data-name="Path 155898" d="M104.551,106.306c.071-.466,0-1.03.243-1.375a.818.818,0,0,1,1.364-.009,1.382,1.382,0,0,1,.033,1.3c-.245.288-.87.256-1.331.362l-.309-.282" transform="translate(59.347 59.352)" fill="#e26826"/>
+    <path id="Path_155899" data-name="Path 155899" d="M143.177,40.609c.58.108,1.017.067,1.207.263.16.166.034.608.034.93-.34,0-.756.118-1-.036-.182-.118-.139-.582-.245-1.157" transform="translate(81.272 23.051)" fill="#e26826"/>
+    <path id="Path_155900" data-name="Path 155900" d="M41.9,144.666c-.574-.133-1.013-.11-1.195-.315-.152-.172-.113-.8.034-.886a1.078,1.078,0,0,1,.972.038c.176.127.111.591.188,1.163" transform="translate(23.049 81.38)" fill="#e26826"/>
+    <path id="Path_155901" data-name="Path 155901" d="M144.578,29.154c-.578-.116-1.016-.078-1.2-.277-.157-.166-.14-.8,0-.886a1.087,1.087,0,0,1,.972,0c.18.119.132.585.229,1.158" transform="translate(81.321 15.825)" fill="#e26826"/>
+    <path id="Path_155902" data-name="Path 155902" d="M53.362,144.655c.108-.58.067-1.017.263-1.207.166-.16.61-.034.93-.034,0,.34.119.757-.036,1-.119.182-.585.14-1.157.245" transform="translate(30.29 81.379)" fill="#e26826"/>
+    <path id="Path_155903" data-name="Path 155903" d="M66.226,130.4c.569.16,1.01.157,1.18.368.146.18.078.81-.072.886a1.086,1.086,0,0,1-.97-.085c-.169-.132-.085-.593-.138-1.169" transform="translate(37.592 74.018)" fill="#e26826"/>
+    <path id="Path_155904" data-name="Path 155904" d="M143.18,53.44c.58.111,1.016.072,1.206.27.16.166.147.8,0,.886a1.082,1.082,0,0,1-.972,0c-.18-.118-.135-.582-.238-1.157" transform="translate(81.274 30.334)" fill="#e26826"/>
+    <path id="Path_155905" data-name="Path 155905" d="M27.7,143.259c.577.119,1.016.086,1.2.287a.916.916,0,0,1-.009.886,1.087,1.087,0,0,1-.972-.013c-.179-.121-.125-.585-.219-1.16" transform="translate(15.722 81.319)" fill="#e26826"/>
+    <path id="Path_155906" data-name="Path 155906" d="M67.561,144.666c-.574-.133-1.013-.11-1.195-.315-.152-.172-.113-.8.034-.886a1.078,1.078,0,0,1,.972.038c.176.127.111.591.188,1.163" transform="translate(37.617 81.38)" fill="#e26826"/>
+    <path id="Path_155907" data-name="Path 155907" d="M80.435,130.454c-.141.572-.124,1.011-.332,1.19-.174.151-.806.1-.886-.049a1.083,1.083,0,0,1,.053-.972c.127-.172.589-.1,1.165-.169" transform="translate(44.915 74.05)" fill="#e26826"/>
+    <path id="Path_155908" data-name="Path 155908" d="M93.213,117.589c-.105.582-.061,1.017-.256,1.209-.166.161-.608.039-.93.042,0-.342-.124-.757.03-1,.118-.183.583-.143,1.155-.252" transform="translate(52.211 66.747)" fill="#e26826"/>
+    <path id="Path_155909" data-name="Path 155909" d="M117.548,91.908c.571.149,1.011.138,1.187.348.147.176.091.807-.06.886a1.08,1.08,0,0,1-.97-.066c-.172-.13-.1-.593-.157-1.168" transform="translate(66.724 52.17)" fill="#e26826"/>
+    <path id="Path_155910" data-name="Path 155910" d="M131.734,80.494c-.577-.124-1.014-.094-1.2-.3-.155-.171-.127-.8.019-.887a1.087,1.087,0,0,1,.972.024c.177.121.121.585.208,1.16" transform="translate(74.037 44.961)" fill="#e26826"/>
+    <path id="Path_155911" data-name="Path 155911" d="M144.576,66.277c-.124.577-.094,1.014-.3,1.2-.171.155-.8.127-.887-.019a1.087,1.087,0,0,1,.023-.972c.121-.177.585-.121,1.16-.208" transform="translate(81.336 37.621)" fill="#e26826"/>
+    <path id="Path_155912" data-name="Path 155912" d="M93.249,131.812c-.578-.116-1.016-.08-1.2-.277-.157-.168-.14-.8,0-.887a1.087,1.087,0,0,1,.972.006c.18.119.132.585.229,1.159" transform="translate(52.185 74.097)" fill="#e26826"/>
+    <path id="Path_155913" data-name="Path 155913" d="M106.034,117.581c-.1.583-.044,1.019-.237,1.213-.163.165-.608.05-.928.06-.009-.34-.136-.754.013-1,.111-.185.578-.154,1.152-.274" transform="translate(59.494 66.743)" fill="#e26826"/>
+    <path id="Path_155914" data-name="Path 155914" d="M118.932,104.789c-.141.572-.124,1.011-.332,1.19-.174.15-.8.1-.886-.049a1.083,1.083,0,0,1,.053-.972c.127-.172.589-.1,1.165-.169" transform="translate(66.767 59.482)" fill="#e26826"/>
+    <path id="Path_155915" data-name="Path 155915" d="M130.355,93.326c.108-.58.067-1.017.263-1.207.168-.16.608-.034.928-.034,0,.34.119.756-.033,1-.119.182-.585.14-1.158.245" transform="translate(73.994 52.243)" fill="#e26826"/>
+  </g>
+</svg>
diff --git a/signup-ui/public/theme/variables.css b/signup-ui/public/theme/variables.css
index ce09d36c..4b7fdbee 100644
--- a/signup-ui/public/theme/variables.css
+++ b/signup-ui/public/theme/variables.css
@@ -13,14 +13,30 @@
 
   --signup-background: #f7f9fd;
   --side-section-bg-with: 225px;
-  --top-left-bg-logo-url: url("/images/top.png");
+  --top-left-bg-logo-url: url("/images/top.svg");
   --top-left-bg-logo-display: block;
-  --bottom-left-bg-logo-url: url("/images/bg_bottom_left.png");
+  --bottom-left-bg-logo-url: url("/images/top.svg");
   --bottom-left-bg-logo-display: none;
-  --top-right-bg-logo-url: url("/images/bg_bottom_left.png");
+  --top-right-bg-logo-url: url("/images/bottom.svg");
   --top-right-bg-logo-display: none;
-  --bottom-right-bg-logo-url: url("/images/bottom.png");
+  --bottom-right-bg-logo-url: url("/images/bottom.svg");
   --bottom-right-bg-logo-display: block;
+  --top-left-bg-width: 14rem;
+  --top-left-bg-height: 14rem;
+  --top-left-bg-position-top: 10px;
+  --top-left-bg-position-left: 10px;
+  --bottom-left-bg-width: 14rem;
+  --bottom-left-bg-height: 14rem;
+  --bottom-left-bg-position-bottom: 10px;
+  --bottom-left-bg-position-left: 10px;
+  --top-right-bg-width: 14rem;
+  --top-right-bg-height: 14rem;
+  --top-right-bg-position-top: 10px;
+  --top-right-bg-position-right: 10px;
+  --bottom-right-bg-width: 17rem;
+  --bottom-right-bg-height: 17rem;
+  --bottom-right-bg-position-bottom: 10px;
+  --bottom-right-bg-position-right: 10px;
 
   --footer-brand-logo-url: url("/images/footer_logo.png");
   --footer-text-color: #898989;
@@ -176,14 +192,30 @@
 
   --signup-background: #f7f9fd;
   --side-section-bg-with: 320px;
-  --top-left-bg-logo-url: url("/images/top.png");
-  --top-left-bg-logo-display: none;
-  --bottom-left-bg-logo-url: url("/images/bg_bottom_left.png");
+  --top-left-bg-logo-url: url("/images/top.svg");
+  --top-left-bg-logo-display: block;
+  --bottom-left-bg-logo-url: url("/images/top.svg");
   --bottom-left-bg-logo-display: none;
-  --top-right-bg-logo-url: url("/images/bg_bottom_left.png");
+  --top-right-bg-logo-url: url("/images/bottom.svg");
   --top-right-bg-logo-display: none;
-  --bottom-right-bg-logo-url: url("/images/bottom.png");
-  --bottom-right-bg-logo-display: none;
+  --bottom-right-bg-logo-url: url("/images/bottom.svg");
+  --bottom-right-bg-logo-display: block;
+  --top-left-bg-width: 14rem;
+  --top-left-bg-height: 14rem;
+  --top-left-bg-position-top: 10px;
+  --top-left-bg-position-left: 10px;
+  --bottom-left-bg-width: 14rem;
+  --bottom-left-bg-height: 14rem;
+  --bottom-left-bg-position-bottom: 10px;
+  --bottom-left-bg-position-left: 10px;
+  --top-right-bg-width: 14rem;
+  --top-right-bg-height: 14rem;
+  --top-right-bg-position-top: 10px;
+  --top-right-bg-position-right: 10px;
+  --bottom-right-bg-width: 17rem;
+  --bottom-right-bg-height: 17rem;
+  --bottom-right-bg-position-bottom: 10px;
+  --bottom-right-bg-position-right: 10px;
 
   --footer-brand-logo-url: url("/images/footer_logo.png");
   --footer-text-color: #898989;
@@ -305,14 +337,30 @@
 
   --signup-background: #f7f9fd;
   --side-section-bg-with: 225px;
-  --top-left-bg-logo-url: url("/images/top.png");
+  --top-left-bg-logo-url: url("/images/top.svg");
   --top-left-bg-logo-display: block;
-  --bottom-left-bg-logo-url: url("/images/bg_bottom_left.png");
+  --bottom-left-bg-logo-url: url("/images/top.svg");
   --bottom-left-bg-logo-display: none;
-  --top-right-bg-logo-url: url("/images/bg_bottom_left.png");
+  --top-right-bg-logo-url: url("/images/bottom.svg");
   --top-right-bg-logo-display: none;
-  --bottom-right-bg-logo-url: url("/images/bottom.png");
+  --bottom-right-bg-logo-url: url("/images/bottom.svg");
   --bottom-right-bg-logo-display: block;
+  --top-left-bg-width: 14rem;
+  --top-left-bg-height: 14rem;
+  --top-left-bg-position-top: 10px;
+  --top-left-bg-position-left: 10px;
+  --bottom-left-bg-width: 14rem;
+  --bottom-left-bg-height: 14rem;
+  --bottom-left-bg-position-bottom: 10px;
+  --bottom-left-bg-position-left: 10px;
+  --top-right-bg-width: 14rem;
+  --top-right-bg-height: 14rem;
+  --top-right-bg-position-top: 10px;
+  --top-right-bg-position-right: 10px;
+  --bottom-right-bg-width: 17rem;
+  --bottom-right-bg-height: 17rem;
+  --bottom-right-bg-position-bottom: 10px;
+  --bottom-right-bg-position-right: 10px;
 
   --footer-brand-logo-url: url("/images/footer_logo.png");
   --footer-text-color: #898989;
diff --git a/signup-ui/src/App.css b/signup-ui/src/App.css
index 7a50a95b..2aff5ea2 100644
--- a/signup-ui/src/App.css
+++ b/signup-ui/src/App.css
@@ -44,22 +44,38 @@ body {
 
 .section-background .top_left_bg_logo {
   display: var(--top-left-bg-logo-display);
-  content: var(--top-left-bg-logo-url);
+  -webkit-mask-image: var(--top-left-bg-logo-url);
+  mask-image: var(--top-left-bg-logo-url);
+  background-color: var(--default);
+  width: var(--top-left-bg-width);
+  height: var(--top-left-bg-height);
 }
 
 .section-background .top_right_bg_logo {
   display: var(--top-right-bg-logo-display);
-  content: var(--top-right-bg-logo-url);
+  -webkit-mask-image: var(--top-right-bg-logo-url);
+  mask-image: var(--top-right-bg-logo-url);
+  background-color: var(--default);
+  width: var(--top-right-bg-width);
+  height: var(--top-right-bg-height);
 }
 
 .section-background .bottom_right_bg_logo {
   display: var(--bottom-right-bg-logo-display);
-  content: var(--bottom-right-bg-logo-url);
+  -webkit-mask-image: var(--bottom-right-bg-logo-url);
+  mask-image: var(--bottom-right-bg-logo-url);
+  background-color: var(--default);
+  width: var(--bottom-right-bg-width);
+  height: var(--bottom-right-bg-height);
 }
 
 .section-background .bottom_left_bg_logo {
   display: var(--bottom-left-bg-logo-display);
-  content: var(--bottom-left-bg-logo-url);
+  -webkit-mask-image: var(--bottom-left-bg-logo-url);
+  mask-image: var(--bottom-left-bg-logo-url);
+  background-color: var(--default);
+  width: var(--bottom-left-bg-width);
+  height: var(--bottom-left-bg-height);
 }
 
 .verticalStepper {
@@ -408,8 +424,8 @@ body {
   @apply text-center text-2xl font-semibold;
 }
 
-input[type='password']::-ms-reveal,
-input[type='password']::-ms-clear {
+input[type="password"]::-ms-reveal,
+input[type="password"]::-ms-clear {
   display: none;
 }
 
diff --git a/signup-ui/src/components/language.tsx b/signup-ui/src/components/language.tsx
index c091cefe..7bf9ff40 100644
--- a/signup-ui/src/components/language.tsx
+++ b/signup-ui/src/components/language.tsx
@@ -72,7 +72,7 @@ export const Language = () => {
       <TranslationIcon className="mr-2 h-9 w-9" />
       {pathname === EKYC_VERIFICATION && (
         <span
-          className="inline-flex items-center justify-center bg-white text-[14px] outline-none"
+          className="inline-flex items-center justify-center bg-white outline-none"
           aria-label="Customise options"
         >
           {languages_2Letters[i18n.language as keyof typeof languages_2Letters]}
diff --git a/signup-ui/src/components/ui/nav-bar.tsx b/signup-ui/src/components/ui/nav-bar.tsx
index 9a779d82..64a9dc3f 100644
--- a/signup-ui/src/components/ui/nav-bar.tsx
+++ b/signup-ui/src/components/ui/nav-bar.tsx
@@ -22,17 +22,17 @@ const NavBar = () => {
   );
 
   const [navbarStyle, setNavbarStyle] = useState(
-    "sticky top-0 z-40 h-[70px] w-full border-gray-500 bg-white px-2 py-2 sm:px-0 shadow-md"
+    "sticky top-0 z-40 h-auto w-full border-gray-500 bg-white py-0 sm:px-0 shadow-md"
   );
 
   useEffect(() => {
     if (errorBannerMessage !== null && errorBannerMessage !== "") {
       setNavbarStyle(
-        "sticky top-0 z-40 h-[70px] w-full border-gray-500 bg-white px-2 py-2 sm:px-0"
+        "sticky top-0 z-40 h-auto w-full border-gray-500 bg-white py-0 px-0 sm:px-0"
       );
     } else {
       setNavbarStyle(
-        "sticky top-0 z-40 h-[70px] w-full border-gray-500 bg-white px-2 py-2 sm:px-0 shadow-md"
+        "sticky top-0 z-40 h-auto w-full border-gray-500 bg-white py-0 sm:px-0 shadow-md"
       );
     }
   }, [errorBannerMessage]);
@@ -80,14 +80,14 @@ const NavBar = () => {
       <div className="row">
         <div>
           <Offline polling={pollingConfig} onChange={handleOnchangeOffline}>
-            <div className="top-[70px] left-0 w-full h-[40px] opacity-100 flex justify-center items-center bg-[#FAEFEF]">
+            <div className="top-[70px] left-0 w-full h-auto py-3 opacity-100 flex justify-center items-center bg-[#FAEFEF] text-center">
               <p className="font-inter font-semibold text-[14px] leading-[17px] tracking-[0px] opacity-100 text-[#D52929]">
                 {t("offline_polling_prompt")}
               </p>
             </div>
           </Offline>
           {showBackOnline &&
-            <div className="top-[70px] left-0 w-full h-[40px] opacity-100 flex justify-center items-center bg-[#EAFAE4]">
+            <div className="top-[70px] left-0 w-full h-auto py-3 opacity-100 flex justify-center items-center bg-[#EAFAE4] text-center">
               <p className="font-inter font-semibold text-[14px] leading-[17px] tracking-[0px] opacity-100 text-[#419533]">
                 {t("online_polling_prompt")}
               </p>