Partial commit --- UI

public/assets/images/signup/modules/briefcase-outline.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.004" height="17.432" viewBox="0 0 20.004 17.432">
+  <g id="briefcase-outline" transform="translate(1 1)">
+    <path id="Path_321" data-name="Path 321" d="M4.179,9H18.325a1.929,1.929,0,0,1,1.929,1.929v9a1.929,1.929,0,0,1-1.929,1.929H4.179A1.929,1.929,0,0,1,2.25,19.931v-9A1.929,1.929,0,0,1,4.179,9Z" transform="translate(-2.25 -6.428)" fill="none" stroke="#de676a" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Path_322" data-name="Path 322" d="M10.125,7.072V5.786A1.286,1.286,0,0,1,11.411,4.5h6.43a1.286,1.286,0,0,1,1.286,1.286V7.072" transform="translate(-5.624 -4.5)" fill="none" stroke="#de676a" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Path_323" data-name="Path 323" d="M20.254,16.875h-18" transform="translate(-2.25 -9.802)" fill="none" stroke="#de676a" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Path_324" data-name="Path 324" d="M18.644,16.875v.965a.322.322,0,0,1-.322.322h-4.5a.322.322,0,0,1-.322-.322v-.965" transform="translate(-7.07 -9.802)" fill="none" stroke="#de676a" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+  </g>
+</svg>

public/assets/images/signup/modules/bxs-user-badge.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21.708" height="26.654" viewBox="0 0 21.708 26.654">
+  <path id="bxs-user-badge" d="M23.243,27.654a2.465,2.465,0,0,0,2.465-2.465V5.465A2.465,2.465,0,0,0,23.243,3H8.465A2.465,2.465,0,0,0,6,5.465V25.189a2.465,2.465,0,0,0,2.465,2.465ZM12.164,6.7h7.4V9.164h-7.4Zm6.472,7.7a2.774,2.774,0,1,1-2.774-2.774A2.786,2.786,0,0,1,18.635,14.4Zm-8.321,8.552c0-2.051,2.5-4.161,5.547-4.161s5.547,2.11,5.547,4.161v.694H10.314Z" transform="translate(-5 -2)" fill="none" stroke="#4dc3bb" stroke-width="2"/>
+</svg>

public/assets/images/signup/modules/chat-bubble.svg

@@ -0,0 +1,4 @@
+<svg id="chat-bubble" xmlns="http://www.w3.org/2000/svg" width="25.165" height="25.165" viewBox="0 0 25.165 25.165">
+  <path id="Path_334" data-name="Path 334" d="M26.073,23.153a7.128,7.128,0,0,0,2.506-5.3,7.117,7.117,0,0,0-2.763-5.521,10.172,10.172,0,0,0-6.464-2.209,10.172,10.172,0,0,0-6.464,2.209,7.117,7.117,0,0,0-2.763,5.521,7.117,7.117,0,0,0,2.763,5.521,10.172,10.172,0,0,0,6.464,2.209c.324,0,.651-.014.975-.042l.553.479a10.478,10.478,0,0,0,6.861,2.559h.839V26.794l-.245-.245a10.442,10.442,0,0,1-2.26-3.395Zm-4.095,1.6-1.109-.962-.37.045a9.451,9.451,0,0,1-1.147.07c-4.163,0-7.549-2.715-7.549-6.052S15.189,11.8,19.352,11.8,26.9,14.517,26.9,17.854a5.508,5.508,0,0,1-2.335,4.37l-.483.371.223.631a12.125,12.125,0,0,0,1.986,3.555A8.8,8.8,0,0,1,21.978,24.752Z" transform="translate(-3.414 -3.414)" fill="#51ccc7"/>
+  <path id="Path_335" data-name="Path 335" d="M3.442,16.931a11.56,11.56,0,0,0,1.825-3.3L5.488,13l-.482-.371A5.194,5.194,0,0,1,2.8,8.51C2.8,5.363,6,2.8,9.933,2.8a7.391,7.391,0,0,1,6.5,3.371c.207-.01.416-.016.625-.016q.631,0,1.25.061A7.274,7.274,0,0,0,16.1,3.233,9.705,9.705,0,0,0,9.933,1.125,9.707,9.707,0,0,0,3.765,3.233,6.8,6.8,0,0,0,1.125,8.51,6.808,6.808,0,0,0,3.5,13.555a9.877,9.877,0,0,1-2.127,3.184l-.246.246V18.74h.839a9.994,9.994,0,0,0,4.468-1.055,8.247,8.247,0,0,1-.265-1.765A8.322,8.322,0,0,1,3.442,16.93Z" transform="translate(-1.125 -1.125)" fill="#51ccc7"/>
+</svg>

public/assets/images/signup/modules/lock.svg

@@ -0,0 +1,3 @@
+<svg id="lock" xmlns="http://www.w3.org/2000/svg" width="17.309" height="20.194" viewBox="0 0 17.309 20.194">
+  <path id="Path_328" data-name="Path 328" d="M18.924,10.9a2.885,2.885,0,0,1,2.885,2.885v5.77a2.885,2.885,0,0,1-2.885,2.885H7.385A2.885,2.885,0,0,1,4.5,19.559V13.79A2.885,2.885,0,0,1,7.385,10.9V8.02a5.77,5.77,0,1,1,11.54,0Zm-5.77-6.731A3.847,3.847,0,0,1,17,8.02V10.9H9.308V8.02a3.847,3.847,0,0,1,3.847-3.847Zm5.77,8.655H7.385a.962.962,0,0,0-.962.962v5.77a.962.962,0,0,0,.962.962h11.54a.962.962,0,0,0,.962-.962V13.79A.962.962,0,0,0,18.924,12.828Z" transform="translate(-4.5 -2.25)" fill="#ea7e7d" fill-rule="evenodd"/>
+</svg>

public/assets/images/signup/modules/mail-outline.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18.908" height="15.006" viewBox="0 0 18.908 15.006">
+  <g id="mail-outline" transform="translate(1 1)">
+    <path id="Path_339" data-name="Path 339" d="M5,6.75H18.658a1.626,1.626,0,0,1,1.626,1.626v9.755a1.626,1.626,0,0,1-1.626,1.626H5a1.626,1.626,0,0,1-1.626-1.626V8.376A1.626,1.626,0,0,1,5,6.75Z" transform="translate(-3.375 -6.75)" fill="none" stroke="#f08d41" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Path_340" data-name="Path 340" d="M7.875,11.25,13.728,15.8l5.853-4.552" transform="translate(-5.274 -8.649)" fill="none" stroke="#f08d41" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+  </g>
+</svg>

public/assets/images/signup/modules/money.svg

@@ -0,0 +1,7 @@
+<svg id="money" xmlns="http://www.w3.org/2000/svg" width="23.162" height="18.529" viewBox="0 0 23.162 18.529">
+  <path id="Path_329" data-name="Path 329" d="M21.2,4.5H1.125V19.941H21.2ZM19.654,18.4H2.669V6.044H19.654Z" transform="translate(-1.125 -4.5)" fill="#2cc38c"/>
+  <path id="Path_330" data-name="Path 330" d="M24.507,10.125V23.25H6.75v1.544h19.3V10.125Z" transform="translate(-2.89 -6.265)" fill="#2cc38c"/>
+  <path id="Path_331" data-name="Path 331" d="M14.162,17.812a3.641,3.641,0,0,0,3.475-3.779,3.641,3.641,0,0,0-3.475-3.779,3.641,3.641,0,0,0-3.475,3.779A3.641,3.641,0,0,0,14.162,17.812Zm0-6.015a2.1,2.1,0,0,1,1.93,2.235,2.1,2.1,0,0,1-1.93,2.235,2.1,2.1,0,0,1-1.93-2.235A2.1,2.1,0,0,1,14.162,11.8Z" transform="translate(-4.125 -6.305)" fill="#2cc38c"/>
+  <path id="Path_332" data-name="Path 332" d="M5.625,9.563H7.169v8.493H5.625Z" transform="translate(-2.537 -6.088)" fill="#2cc38c"/>
+  <path id="Path_333" data-name="Path 333" d="M23.625,9.563h1.544v8.493H23.625Z" transform="translate(-8.184 -6.088)" fill="#2cc38c"/>
+</svg>

public/assets/images/signup/modules/pen.svg

@@ -0,0 +1,5 @@
+<svg id="pen" xmlns="http://www.w3.org/2000/svg" width="20.323" height="20.403" viewBox="0 0 20.323 20.403">
+  <path id="Path_325" data-name="Path 325" d="M9.067,21.388a1.448,1.448,0,0,1-.565.35L4.157,23.187a1.448,1.448,0,0,1-1.834-1.832L3.771,17.01a1.448,1.448,0,0,1,.35-.566L15.41,5.156a2.9,2.9,0,0,1,4.1,0L20.355,6a2.9,2.9,0,0,1,0,4.1L9.068,21.388ZM5.146,17.467,16.434,6.18a1.448,1.448,0,0,1,2.048,0l.849.849a1.448,1.448,0,0,1,0,2.048L8.043,20.364,3.7,21.813Z" transform="translate(-2.248 -2.859)" fill="#f7a057" fill-rule="evenodd"/>
+  <path id="Path_326" data-name="Path 326" d="M18.28,4.842a.724.724,0,0,0-1.025,0L12.486,9.614A.725.725,0,1,1,11.46,8.589l4.771-4.77a2.173,2.173,0,0,1,3.073,0l.424.423a.725.725,0,0,1-1.024,1.025l-.424-.424Z" transform="translate(-5.454 -2.458)" fill="#f7a057" fill-rule="evenodd"/>
+  <path id="Path_327" data-name="Path 327" d="M28.873,2.481a1.448,1.448,0,0,1,2.048,0l.044.044a1.448,1.448,0,0,1,.044,2l-1.835,2L27,4.354Z" transform="translate(-11.066 -2.057)" fill="#f7a057"/>
+</svg>

public/assets/images/signup/modules/tasks-line.svg

@@ -0,0 +1,5 @@
+<svg id="tasks-line" xmlns="http://www.w3.org/2000/svg" width="20.026" height="24.654" viewBox="0 0 20.026 24.654">
+  <path id="Path_318" data-name="Path 318" d="M23.709,27.333H6.317A1.309,1.309,0,0,1,5,26.031V6.3A1.348,1.348,0,0,1,6.54,5h1.54v1.54H6.54V25.793H23.486V6.536h-1.54V5h1.733a1.309,1.309,0,0,1,1.348,1.3V26.031A1.309,1.309,0,0,1,23.709,27.333Z" transform="translate(-5 -2.679)" fill="#f8c657"/>
+  <path id="Path_319" data-name="Path 319" d="M15.374,23.072l-4.129-4.129a.77.77,0,0,1,1.094-1.078L15.374,20.9l6.655-6.655a.77.77,0,0,1,1.086,1.086Z" transform="translate(-6.393 -4.765)" fill="#f8c657"/>
+  <path id="Path_320" data-name="Path 320" d="M22.324,8.93H10V6.1a1.8,1.8,0,0,1,1.795-1.795h1.379a3.081,3.081,0,0,1,5.969,0h1.379a1.8,1.8,0,0,1,1.8,1.795ZM11.54,7.39h9.243V6.1a.254.254,0,0,0-.254-.254H17.7v-.77a1.54,1.54,0,1,0-3.081,0v.77H11.795a.254.254,0,0,0-.254.254Z" transform="translate(-6.149 -1.992)" fill="#f8c657"/>
+</svg>

public/assets/images/signup/modules/tennisball-outline.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23.373" height="23.373" viewBox="0 0 23.373 23.373">
+  <g id="tennisball-outline" transform="translate(1 1)">
+    <path id="Path_336" data-name="Path 336" d="M24.748,14.062A10.687,10.687,0,1,1,14.062,3.375,10.687,10.687,0,0,1,24.748,14.062Z" transform="translate(-3.375 -3.375)" fill="none" stroke="#d09704" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Path_337" data-name="Path 337" d="M28.251,14.893c-.262.019-.423.028-.69.028A10.686,10.686,0,0,1,16.875,4.235c0-.276.01-.446.031-.719" transform="translate(-7.01 -3.413)" fill="none" stroke="#d09704" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Path_338" data-name="Path 338" d="M3.491,16.9s.472-.028.737-.028A10.686,10.686,0,0,1,14.915,27.562c0,.276-.031.719-.031.719" transform="translate(-3.406 -7.01)" fill="none" stroke="#d09704" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar1.svg

@@ -0,0 +1,61 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_79" data-name="Rectangle 79" width="57.89" height="57.841" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_230" data-name="Group 230" transform="translate(-444.444 -88.881)">
+    <rect id="Rectangle_78" data-name="Rectangle 78" width="57.89" height="57.841" rx="28.921" transform="translate(444.444 89.022)" fill="#f8c657"/>
+    <g id="Group_229" data-name="Group 229" transform="translate(444.444 88.881)">
+      <g id="Group_228" data-name="Group 228" clip-path="url(#clip-path)">
+        <g id="Group_227" data-name="Group 227" transform="translate(15.165 7.81)">
+          <g id="Group_215" data-name="Group 215" transform="translate(0 24.262)">
+            <path id="Path_503" data-name="Path 503" d="M475.346,140.8c-.219-.164-4.229-2.626-4.229-2.626.274,1.534.48,2.16.08,3.2A3.753,3.753,0,0,1,469.755,143a3.058,3.058,0,0,1-1.438.575,4.382,4.382,0,0,1-.587-.049,4.671,4.671,0,0,0,2.232.28,2.543,2.543,0,0,0,1.375-.389,1.985,1.985,0,0,0-.28,1.91c1.206,2.453-.4,3.255-.4,3.255a4.654,4.654,0,0,0,2.242-.86c0,.019,0,.042.006.059a1.783,1.783,0,0,0,1.32,1.364s-.6-.1-.49-1.24c.035-.3.349-.424.743-.629.152,1.1.652,2.223-.379,2.682,0,0,1.743-.347,2.063-1.376a3.968,3.968,0,0,0,.116-.541,2.367,2.367,0,0,1,.082.291,3.7,3.7,0,0,1-.752,2.588s3.618-.382,3.644-1.813a7.261,7.261,0,0,1,.16-1.418c.111-.329.328-1.968.328-1.968S475.567,140.959,475.346,140.8Z" transform="translate(-467.73 -138.169)" fill="#0c0e03"/>
+            <path id="Path_504" data-name="Path 504" d="M500.077,140.8c.219-.164,4.229-2.626,4.229-2.626-.275,1.534-.481,2.16-.078,3.2a3.727,3.727,0,0,0,1.44,1.627,3.057,3.057,0,0,0,1.44.575,4.414,4.414,0,0,0,.585-.049,4.68,4.68,0,0,1-2.234.28,2.528,2.528,0,0,1-1.372-.389,1.98,1.98,0,0,1,.278,1.91c-1.205,2.453.4,3.255.4,3.255a4.667,4.667,0,0,1-2.244-.86.51.51,0,0,1-.008.059,1.78,1.78,0,0,1-1.318,1.364s.6-.1.487-1.24c-.03-.3-.346-.424-.74-.629-.154,1.1-.652,2.223.379,2.682,0,0-1.743-.347-2.061-1.376a4.09,4.09,0,0,1-.119-.541,2.939,2.939,0,0,0-.083.291,3.7,3.7,0,0,0,.754,2.588s-3.617-.382-3.646-1.813a7.275,7.275,0,0,0-.156-1.418c-.111-.329-.332-1.968-.332-1.968S499.857,140.959,500.077,140.8Z" transform="translate(-477.478 -138.169)" fill="#0c0e03"/>
+          </g>
+          <g id="Group_217" data-name="Group 217" transform="translate(3.353 28.785)">
+            <g id="Group_216" data-name="Group 216">
+              <path id="Path_505" data-name="Path 505" d="M484.63,145.273v21.008H473.16c-.187-.078-.282-.12-.282-.12,0-11.268,7.021-12.109,7.021-12.109.7,0,1.151-.9,1.448-2.26.05-.208.087-.424.122-.657.064-.385.118-.795.16-1.216.023-.256.048-.514.072-.778.1-1.288.137-2.691.137-4.02C481.839,145.121,483.382,145.273,484.63,145.273Z" transform="translate(-472.878 -145.121)" fill="#dcc5a1"/>
+              <path id="Path_506" data-name="Path 506" d="M502.715,166.161s-.1.042-.272.12h-11.52V145.273h.023c1.248,0,2.8-.152,2.8-.152,0,1.322.032,2.707.135,3.989.027.258.049.512.074.76.048.443.1.858.16,1.25v.008c.025.175.055.337.09.5.3,1.45.764,2.428,1.486,2.428C495.691,154.052,502.715,154.893,502.715,166.161Z" transform="translate(-479.171 -145.121)" fill="#edd9b4"/>
+            </g>
+            <path id="Path_507" data-name="Path 507" d="M492.423,153.261v.008a3.708,3.708,0,0,1-3.176,1.722h-.017a4,4,0,0,1-3.161-1.715c.064-.385.118-.795.16-1.216.023-.256.048-.514.072-.778a12.5,12.5,0,0,0,2.9.376h.033a11.92,11.92,0,0,0,2.958-.407c.027.258.049.512.074.76C492.311,152.454,492.359,152.869,492.423,153.261Z" transform="translate(-477.479 -147.262)" fill="#bc9f82" opacity="0.7"/>
+          </g>
+          <g id="Group_224" data-name="Group 224" transform="translate(0.35)">
+            <g id="Group_223" data-name="Group 223" transform="translate(0 4.842)">
+              <g id="Group_219" data-name="Group 219">
+                <g id="Group_218" data-name="Group 218">
+                  <path id="Path_508" data-name="Path 508" d="M483.054,108.326c-12.15,0-12.218,10.128-11.679,16.755-.833-1.571-3.3-1.085-3.1,1.389.195,2.386,3.677,3.617,3.628,3.339,1,5.455,6.713,8.606,11.148,8.606.031,0,.063,0,.094,0V108.329Z" transform="translate(-468.267 -108.326)" fill="#ccad8b"/>
+                </g>
+                <path id="Path_509" data-name="Path 509" d="M469.369,134.278a1.149,1.149,0,0,1,1.753-.333.991.991,0,0,1,.284,1.1c-.084.315-.421.34-.337.824a.851.851,0,0,0,.486.7,1.14,1.14,0,0,1,.41.446,1.187,1.187,0,0,1,.053.683c-.092.39-.663.081-1.048-.092a7.361,7.361,0,0,1-1.256-1.018A2.158,2.158,0,0,1,469.369,134.278Z" transform="translate(-468.58 -117.18)" fill="#bc9f82"/>
+              </g>
+              <g id="Group_221" data-name="Group 221" transform="translate(14.755)">
+                <g id="Group_220" data-name="Group 220">
+                  <path id="Path_510" data-name="Path 510" d="M491.016,108.326c12.15,0,12.219,10.128,11.68,16.755.832-1.571,3.3-1.085,3.1,1.389-.194,2.386-3.676,3.617-3.629,3.339-1,5.455-6.715,8.606-11.146,8.606-.031,0-.065,0-.093,0V108.329Z" transform="translate(-490.923 -108.326)" fill="#d9bf9f"/>
+                </g>
+                <path id="Path_511" data-name="Path 511" d="M511.127,134.278a1.149,1.149,0,0,0-1.753-.333.994.994,0,0,0-.285,1.1c.085.315.423.34.339.824a.845.845,0,0,1-.487.7,1.141,1.141,0,0,0-.408.446,1.2,1.2,0,0,0-.053.683c.091.39.665.081,1.047-.092a7.335,7.335,0,0,0,1.256-1.018A2.158,2.158,0,0,0,511.127,134.278Z" transform="translate(-497.036 -117.18)" fill="#bc9f82"/>
+              </g>
+              <g id="Group_222" data-name="Group 222" transform="translate(3.929 2.855)">
+                <path id="Path_512" data-name="Path 512" d="M485.053,112.713c-4,0-6.924,1.156-8.7,3.438-2.472,3.186-2.379,8.054-1.467,11.549.278,1.068.423,3.947.613,5.005.865,4.724,6.1,7.242,9.549,7.242.029,0,.063,0,.094,0V112.716C485.116,112.716,485.085,112.713,485.053,112.713Z" transform="translate(-474.3 -112.713)" fill="#dcc5a1"/>
+                <path id="Path_513" data-name="Path 513" d="M499.539,116.159c-1.758-2.268-4.65-3.423-8.584-3.441v27.227c3.936-.044,8.645-2.8,9.452-7.238.192-1.058.335-3.937.614-5.005C501.931,124.217,502.021,119.356,499.539,116.159Z" transform="translate(-480.108 -112.715)" fill="#edd9b4"/>
+              </g>
+            </g>
+            <path id="Path_514" data-name="Path 514" d="M496.754,117.372a2.964,2.964,0,0,0-.257-.493,20.457,20.457,0,0,0-2.661-6.922c-1.252-1.805-4.319-3.4-8.258-3.878s-7.376,2.3-7.376,2.3a4.4,4.4,0,0,0-1.132-1.169,4.784,4.784,0,0,0-2.019.053,3.633,3.633,0,0,1,1.215.549,1.082,1.082,0,0,1,.2.975,7.37,7.37,0,0,0-1.711-.525c-.952-.027-2.025,1.179-2.025,1.179a3.445,3.445,0,0,1,1.751-.6,4.684,4.684,0,0,1,1.055.374s-1.413.148-4.057,3.034a8.217,8.217,0,0,0-2,5.053l1.672-.956a4.362,4.362,0,0,0-.646,1.031,7.837,7.837,0,0,0,.455,6.118s.551.055,1.054,1.232a23,23,0,0,1,1.105,3.564h.59s-1.269-4.917-.413-7.594c.236-.737.872-2.249,1.758-2.3a3.168,3.168,0,0,0,.846-1.522,6.271,6.271,0,0,1,2.351-3.023.978.978,0,0,1,1.147.16,7.82,7.82,0,0,1,3.236-1.275c2.088-.37,3.235,1.858,3.692,3.027a2.6,2.6,0,0,1,.221,1.752,5.543,5.543,0,0,0,.785-2.868,3.539,3.539,0,0,0-.242-1.093c.274.139,1.461.467,1.705,3.536a3.092,3.092,0,0,1-1.2,2.441,4.352,4.352,0,0,0,2.324-4.938,6.358,6.358,0,0,1,1.44,2.281c.259,1.011,2.456,3.362,2.6,3.823.854,2.677-.412,7.594-.412,7.594h.589a22.793,22.793,0,0,1,1.107-3.564c.5-1.178,1.053-1.232,1.053-1.232A7.838,7.838,0,0,0,496.754,117.372ZM486.8,113c-.016-.018-.031-.041-.046-.059l.049.049Z" transform="translate(-468.691 -102.679)" fill="#0c0e03"/>
+            <path id="Path_515" data-name="Path 515" d="M498.755,118.074a37.229,37.229,0,0,0-4.54-9.912,6.371,6.371,0,0,0-1.017-1.1,1.069,1.069,0,0,0,.333-.6c.068-.631.379-1.928-.529-1.471-.856.429.19.666-.311,1.368-.52-.716-2.185-2.187-7.5-4.155-7.658-2.836-9.641-.42-12.173.841s-2.637,2.519-2.321,3.337.634,3.383,1.162,4.064,2.846-.26,7.384,3.718,13.816,5.893,16.558,9.6,4.008,2.486,4.008,2.486.316-.734.632-1.575S499.917,122.476,498.755,118.074Z" transform="translate(-469.07 -100.884)" fill="#cd6c13"/>
+          </g>
+          <g id="Group_226" data-name="Group 226" transform="translate(3.349 38.445)">
+            <path id="Path_516" data-name="Path 516" d="M496.513,171.349l-.282.119h-23.07l-.289-.119c0-.336.008-.673.015-.992.033-.737.1-1.435.187-2.076a13.42,13.42,0,0,1,.282-1.53c.04-.216.1-.424.15-.633.082-.281.162-.552.251-.816.07-.217.15-.423.233-.625a11,11,0,0,1,.779-1.578,8.611,8.611,0,0,1,1.692-2.073,7.657,7.657,0,0,1,1.421-1.035.061.061,0,0,0,.035-.016.021.021,0,0,1,.015-.009,5.842,5.842,0,0,0,.941,1.06c.548.534,1.335,1.24,2.339,2.073.066.048.137.113.212.17a4.869,4.869,0,0,0,6.539,0c.073-.057.145-.122.21-.17,1.013-.834,1.8-1.539,2.347-2.073a6.114,6.114,0,0,0,.941-1.06.008.008,0,0,1,.008.009.091.091,0,0,0,.042.016,7.76,7.76,0,0,1,1.425,1.035,8.793,8.793,0,0,1,1.688,2.073,10.061,10.061,0,0,1,.773,1.578c.08.2.16.409.233.625.1.264.175.535.257.816.057.209.1.417.154.633.111.482.2.985.272,1.53.09.641.152,1.339.185,2.076C496.505,170.676,496.513,171.013,496.513,171.349Z" transform="translate(-472.872 -159.966)" fill="#fdfbf8"/>
+            <g id="Group_225" data-name="Group 225" transform="translate(2.031 3.064)">
+              <path id="Path_517" data-name="Path 517" d="M484.278,170.729a1.192,1.192,0,1,1-1.192-1.189A1.189,1.189,0,0,1,484.278,170.729Z" transform="translate(-478.049 -166.374)" fill="#cd6c13"/>
+              <path id="Path_518" data-name="Path 518" d="M490.092,173.817a.629.629,0,1,1-.628-.627A.628.628,0,0,1,490.092,173.817Z" transform="translate(-480.469 -167.649)" fill="#b3b628"/>
+              <path id="Path_519" data-name="Path 519" d="M497.537,171.177a1.49,1.49,0,1,1-1.491-1.486A1.487,1.487,0,0,1,497.537,171.177Z" transform="translate(-482.465 -166.426)" fill="#425f6a"/>
+              <path id="Path_520" data-name="Path 520" d="M504.432,173.924a.43.43,0,1,1-.43-.43A.43.43,0,0,1,504.432,173.924Z" transform="translate(-485.609 -167.755)" fill="#b3b628"/>
+              <path id="Path_521" data-name="Path 521" d="M501.75,166.452a.463.463,0,1,1-.463-.464A.461.461,0,0,1,501.75,166.452Z" transform="translate(-484.651 -165.133)" fill="#856da5"/>
+              <path id="Path_522" data-name="Path 522" d="M480.643,165.267a.6.6,0,1,1-.6-.593A.595.595,0,0,1,480.643,165.267Z" transform="translate(-477.197 -164.674)" fill="#b3b628"/>
+              <path id="Path_523" data-name="Path 523" d="M477.58,172.765a.8.8,0,1,1-.794-.792A.794.794,0,0,1,477.58,172.765Z" transform="translate(-475.99 -167.223)" fill="#b3b628"/>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar10.svg

@@ -0,0 +1,54 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_75" data-name="Rectangle 75" width="57.89" height="57.841" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_199" data-name="Group 199" transform="translate(-711.111 0.009)">
+    <rect id="Rectangle_74" data-name="Rectangle 74" width="57.89" height="57.841" rx="28.921" transform="translate(711.111 0.132)" fill="#f7a057"/>
+    <g id="Group_198" data-name="Group 198" transform="translate(711.111 -0.009)">
+      <g id="Group_197" data-name="Group 197" clip-path="url(#clip-path)">
+        <g id="Group_196" data-name="Group 196" transform="translate(13.645 8.616)">
+          <g id="Group_186" data-name="Group 186" transform="translate(3.524 27.468)">
+            <g id="Group_185" data-name="Group 185">
+              <g id="Group_184" data-name="Group 184">
+                <path id="Path_475" data-name="Path 475" d="M749.529,55.6V77.152H737.764c-.191-.083-.29-.123-.29-.123,0-4.824,1.254-7.789,2.724-9.605a7.5,7.5,0,0,1,4.481-2.818h.057a.747.747,0,0,0,.156-.034c.594-.164,1-1.035,1.271-2.283.05-.214.091-.435.124-.674.064-.395.126-.813.165-1.249.025-.262.048-.528.074-.8.107-1.323.141-2.758.141-4.126C746.668,55.444,748.252,55.6,749.529,55.6Z" transform="translate(-737.474 -55.444)" fill="#dcc5a1"/>
+                <path id="Path_476" data-name="Path 476" d="M768.081,77.029s-.107.04-.282.123H755.984V55.6h.027c1.278,0,2.871-.157,2.871-.157,0,1.357.033,2.779.139,4.092.025.266.05.526.076.782.049.452.1.88.163,1.283v.007c.025.182.057.344.092.512a3.613,3.613,0,0,0,1.137,2.389.661.661,0,0,0,.124.048.67.67,0,0,0,.265.051,7.524,7.524,0,0,1,4.644,3.023C766.919,69.46,768.081,72.377,768.081,77.029Z" transform="translate(-743.929 -55.444)" fill="#edd9b4"/>
+              </g>
+              <path id="Path_477" data-name="Path 477" d="M757.526,63.8v.008a3.8,3.8,0,0,1-3.257,1.767h-.018a4.1,4.1,0,0,1-3.242-1.76c.066-.393.124-.813.163-1.248.025-.263.049-.527.074-.8a13.025,13.025,0,0,0,2.972.385h.032a12.2,12.2,0,0,0,3.037-.419c.025.263.048.528.074.781C757.411,62.974,757.461,63.4,757.526,63.8Z" transform="translate(-742.194 -57.643)" fill="#bc9f82" opacity="0.7"/>
+            </g>
+            <path id="Path_478" data-name="Path 478" d="M761.626,83.459s-.107.04-.282.123h-23.58c-.191-.083-.29-.123-.29-.123,0-4.824,1.254-7.789,2.724-9.605a6.414,6.414,0,0,0,4.587,3.319,41.322,41.322,0,0,0,4.743.6,12,12,0,0,0,6.05-.909,13.2,13.2,0,0,0,3.488-2.8C760.464,75.891,761.626,78.807,761.626,83.459Z" transform="translate(-737.474 -61.874)" fill="#2b1910"/>
+            <path id="Path_479" data-name="Path 479" d="M757.853,68.632a2.226,2.226,0,0,1-.509-1.644c.1-.584-.863-.558-.863-.558s.347.464.023.785a5.761,5.761,0,0,1-3.359.742,6.238,6.238,0,0,1-2.989-.457c-.408-.231-.791-.738-.233-1.229a1.586,1.586,0,0,0-.991.32c-.52.369.33.64.023,1.117a3.523,3.523,0,0,1-.815,1.108c-.587.552-.018.88.793,1.3a7.905,7.905,0,0,0,1.512.649,2.719,2.719,0,0,0,5.351.008,6.294,6.294,0,0,0,2.061-1.1C758.747,69.005,758.214,69.12,757.853,68.632Zm-4.73,3.7a1.634,1.634,0,1,1,1.64-1.635A1.639,1.639,0,0,1,753.123,72.335Z" transform="translate(-741.11 -59.225)" fill="#f8f7e0"/>
+          </g>
+          <g id="Group_195" data-name="Group 195">
+            <g id="Group_194" data-name="Group 194" transform="translate(0.625 4.471)">
+              <g id="Group_192" data-name="Group 192">
+                <g id="Group_188" data-name="Group 188">
+                  <g id="Group_187" data-name="Group 187">
+                    <path id="Path_480" data-name="Path 480" d="M747.969,20.1c-12.28-.022-12.353,9.8-11.805,16.21-.842-1.5-3.332-.945-3.13,1.464.2,2.3,3.717,3.348,3.669,3.1,1,5.22,6.791,8.119,11.266,8.533.03,0,.064,0,.1,0V20.1Z" transform="translate(-733.022 -20.103)" fill="#ccad8b"/>
+                  </g>
+                  <path id="Path_481" data-name="Path 481" d="M733.877,45.383a1.216,1.216,0,0,1,1.8-.323.934.934,0,0,1,.291,1.067c-.087.31-.43.333-.346.8a.833.833,0,0,0,.5.683,1.126,1.126,0,0,1,.419.435,1.1,1.1,0,0,1,.055.665c-.094.381-.68.078-1.075-.092a7.583,7.583,0,0,1-1.289-.991A2.021,2.021,0,0,1,733.877,45.383Z" transform="translate(-733.248 -28.727)" fill="#bc9f82"/>
+                </g>
+                <g id="Group_190" data-name="Group 190" transform="translate(14.914)">
+                  <g id="Group_189" data-name="Group 189">
+                    <path id="Path_482" data-name="Path 482" d="M756.016,20.1c12.279-.022,12.35,9.8,11.8,16.21.844-1.5,3.334-.945,3.132,1.464-.2,2.3-3.717,3.348-3.667,3.1-1.006,5.22-6.793,8.119-11.268,8.533-.031,0-.065,0-.093,0V20.1Z" transform="translate(-755.923 -20.103)" fill="#d9bf9f"/>
+                  </g>
+                  <path id="Path_483" data-name="Path 483" d="M776.713,45.383a1.216,1.216,0,0,0-1.8-.323.939.939,0,0,0-.292,1.067c.088.31.432.333.348.8a.837.837,0,0,1-.5.683.944.944,0,0,0-.476,1.1c.1.381.682.078,1.074-.092a7.465,7.465,0,0,0,1.29-.991A2.023,2.023,0,0,0,776.713,45.383Z" transform="translate(-762.215 -28.727)" fill="#bc9f82"/>
+                </g>
+                <g id="Group_191" data-name="Group 191" transform="translate(3.853 2.782)">
+                  <path id="Path_484" data-name="Path 484" d="M749.967,24.378c-4.1,0-7.1,1.126-8.919,3.349-2.537,3.1-2.438,7.844-1.505,11.248.286,1.04.432,3.842.63,4.874.886,4.6,6.258,7.053,9.794,7.053l.1,0V24.381Z" transform="translate(-738.939 -24.378)" fill="#dcc5a1"/>
+                  <path id="Path_485" data-name="Path 485" d="M764.824,27.733c-1.8-2.207-4.77-3.332-8.805-3.351V50.9c4.039-.043,8.866-2.728,9.7-7.05.2-1.032.343-3.834.63-4.874C767.278,35.583,767.373,30.848,764.824,27.733Z" transform="translate(-744.895 -24.379)" fill="#edd9b4"/>
+                </g>
+              </g>
+              <g id="Group_193" data-name="Group 193" transform="translate(12.905 24.691)">
+                <path id="Path_486" data-name="Path 486" d="M757,58.678a3.265,3.265,0,0,1-2.068.989,3.09,3.09,0,0,1-2.018-.966,13.212,13.212,0,0,1,2.018-.15A16.9,16.9,0,0,1,757,58.678Z" transform="translate(-752.865 -58.223)" fill="#b47070"/>
+                <path id="Path_487" data-name="Path 487" d="M755.493,58.048a.607.607,0,0,1-1.172,0,8.238,8.238,0,0,0-1.484.454s1.129.118,1.456.118.606.128.613-.112c0,.241.236.149.558.149s1.51-.156,1.51-.156A8.269,8.269,0,0,0,755.493,58.048Z" transform="translate(-752.837 -58.048)" fill="#c17874"/>
+              </g>
+            </g>
+            <path id="Path_488" data-name="Path 488" d="M758.782,37.577c.236,0-.015-1.373.772-2.32a14,14,0,0,0,1.983-7.314,12.905,12.905,0,0,0-3.7-9.022,18.714,18.714,0,0,0-6.6-4.472l1.81,1.805s-.976-1.465-4.473-2.638a5.846,5.846,0,0,0-4.551.106s1.819-.069,2.371.8a3.063,3.063,0,0,0,.652.555S746.2,13,742.266,14.72s-3.86,4.8-6.593,5.748c-2.8.97-3.61-.275-3.61-.275a4.351,4.351,0,0,0,3.372,2.186,1.564,1.564,0,0,0,.385-.01,21.375,21.375,0,0,0-.964,4.08c-.158,1.78.335,3,.488,6.326.132,2.846.842,1.387,1.688,3.483a4.8,4.8,0,0,1,.3,1.5c.313.082,1.135-1.709.544-4.819-.385-2.02,1.515-9.673,6.1-8.181,2.8.912,3.511,2.772,5.606,1.12,1.808-1.424,4.334-2.24,6.22-1.115s2.949,3.658,2.621,7.7C758,37.614,758.782,37.577,758.782,37.577Z" transform="translate(-732.063 -13.232)" fill="#895a59"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar11.svg

@@ -0,0 +1,52 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_77" data-name="Rectangle 77" width="57.89" height="57.841" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_214" data-name="Group 214" transform="translate(-355.556 -88.881)">
+    <rect id="Rectangle_76" data-name="Rectangle 76" width="57.89" height="57.841" rx="28.921" transform="translate(355.556 89.022)" fill="#f8c657"/>
+    <g id="Group_213" data-name="Group 213" transform="translate(355.556 88.881)">
+      <g id="Group_212" data-name="Group 212" clip-path="url(#clip-path)">
+        <g id="Group_211" data-name="Group 211" transform="translate(11.492 10.004)">
+          <g id="Group_202" data-name="Group 202" transform="translate(6.07 27.038)">
+            <g id="Group_201" data-name="Group 201">
+              <g id="Group_200" data-name="Group 200">
+                <path id="Path_489" data-name="Path 489" d="M394.055,145.956v20.613H382.8c-.181-.08-.278-.118-.278-.118,0-11.057,6.892-11.881,6.892-11.881.686,0,1.128-.881,1.421-2.219.048-.2.086-.415.118-.644.065-.377.118-.777.156-1.193.025-.252.049-.5.072-.76.1-1.268.134-2.642.134-3.947C391.315,145.806,392.831,145.956,394.055,145.956Z" transform="translate(-382.522 -145.806)" fill="#dcc5a1"/>
+                <path id="Path_490" data-name="Path 490" d="M411.8,166.45s-.1.038-.268.118h-11.3V145.956h.023c1.224,0,2.746-.15,2.746-.15,0,1.3.031,2.657.134,3.913.025.252.049.5.072.746.046.432.094.839.156,1.225v.01c.027.174.057.329.088.487.293,1.421.75,2.382,1.459,2.382C404.909,154.569,411.8,155.394,411.8,166.45Z" transform="translate(-388.697 -145.806)" fill="#edd9b4"/>
+              </g>
+              <path id="Path_491" data-name="Path 491" d="M401.7,153.791v.01a3.633,3.633,0,0,1-3.116,1.689h-.016a3.928,3.928,0,0,1-3.1-1.683c.065-.377.118-.777.156-1.193.025-.252.049-.5.072-.76a12.454,12.454,0,0,0,2.84.367h.033a11.653,11.653,0,0,0,2.9-.4c.025.252.05.5.072.746C401.591,153,401.639,153.405,401.7,153.791Z" transform="translate(-387.037 -147.907)" fill="#bc9f82" opacity="0.7"/>
+            </g>
+            <path id="Path_492" data-name="Path 492" d="M404.7,162.652a7.956,7.956,0,0,0-3.581-3.088l-5.848,9.886-.064.107-.065-.107-5.848-9.886a7.967,7.967,0,0,0-3.581,3.088,4.763,4.763,0,0,1,.932,1.894,17.908,17.908,0,0,1,.165,6.836h16.8a17.817,17.817,0,0,1,.166-6.836A4.729,4.729,0,0,1,404.7,162.652Z" transform="translate(-383.636 -150.612)" fill="#841720"/>
+          </g>
+          <g id="Group_210" data-name="Group 210">
+            <path id="Path_493" data-name="Path 493" d="M408.254,126.867c0,2.749-8.454,9.2-17.528,9.2s-17.524-5.562-17.524-8.313,8.146-3.84,17.218-3.84S408.254,124.115,408.254,126.867Z" transform="translate(-373.202 -111.122)" fill="#511e1e"/>
+            <g id="Group_208" data-name="Group 208" transform="translate(3.126 3.547)">
+              <g id="Group_204" data-name="Group 204">
+                <g id="Group_203" data-name="Group 203">
+                  <path id="Path_494" data-name="Path 494" d="M392.511,109.706c-11.921,0-11.988,9.938-11.458,16.44-.817-1.541-3.237-1.065-3.039,1.36.191,2.343,3.608,3.552,3.56,3.278.978,5.352,6.586,8.442,10.937,8.442.029,0,.063,0,.089,0V109.709Z" transform="translate(-378.002 -109.706)" fill="#ccad8b"/>
+                </g>
+                <path id="Path_495" data-name="Path 495" d="M379.081,135.169a1.132,1.132,0,0,1,1.723-.327.972.972,0,0,1,.277,1.077c-.081.311-.411.336-.331.808a.843.843,0,0,0,.478.69,1.1,1.1,0,0,1,.4.438,1.2,1.2,0,0,1,.053.668c-.091.387-.652.08-1.029-.089a7.3,7.3,0,0,1-1.234-1A2.133,2.133,0,0,1,379.081,135.169Z" transform="translate(-378.31 -118.393)" fill="#bc9f82"/>
+              </g>
+              <g id="Group_206" data-name="Group 206" transform="translate(14.476)">
+                <g id="Group_205" data-name="Group 205">
+                  <path id="Path_496" data-name="Path 496" d="M400.322,109.706c11.921,0,11.99,9.938,11.46,16.44.815-1.541,3.235-1.065,3.036,1.36-.19,2.343-3.608,3.552-3.562,3.278-.976,5.352-6.584,8.442-10.935,8.442-.031,0-.061,0-.092,0V109.709Z" transform="translate(-400.23 -109.706)" fill="#d9bf9f"/>
+                </g>
+                <path id="Path_497" data-name="Path 497" d="M420.054,135.167a1.133,1.133,0,0,0-1.723-.325.983.983,0,0,0-.278,1.078c.084.311.414.336.333.809a.841.841,0,0,1-.478.689,1.088,1.088,0,0,0-.4.438,1.2,1.2,0,0,0-.051.668c.091.385.653.079,1.026-.09a7.041,7.041,0,0,0,1.235-1A2.131,2.131,0,0,0,420.054,135.167Z" transform="translate(-406.228 -118.393)" fill="#bc9f82"/>
+              </g>
+              <g id="Group_207" data-name="Group 207" transform="translate(3.855 2.801)">
+                <path id="Path_498" data-name="Path 498" d="M394.472,114.011c-3.923,0-6.793,1.134-8.532,3.375-2.427,3.125-2.334,7.9-1.439,11.33.272,1.048.414,3.871.6,4.908.847,4.638,5.983,7.107,9.368,7.107.029,0,.061,0,.092,0V114.014Z" transform="translate(-383.922 -114.011)" fill="#dcc5a1"/>
+                <path id="Path_499" data-name="Path 499" d="M408.684,117.391c-1.726-2.224-4.562-3.358-8.421-3.376v26.712c3.861-.042,8.479-2.747,9.273-7.1.188-1.035.329-3.86.6-4.908C411.032,125.3,411.12,120.526,408.684,117.391Z" transform="translate(-389.621 -114.012)" fill="#edd9b4"/>
+              </g>
+            </g>
+            <g id="Group_209" data-name="Group 209" transform="translate(0.156)">
+              <path id="Path_500" data-name="Path 500" d="M406.108,111.91H383.2a3.518,3.518,0,0,1,0-.673c.823-3.174,3.879-6.981,11.139-6.981,7.035,0,10.765,3.721,11.767,6.981A3.046,3.046,0,0,1,406.108,111.91Z" transform="translate(-376.839 -104.255)" fill="#841720"/>
+              <path id="Path_501" data-name="Path 501" d="M405.919,118.1H383.013v-4.09s3.882-2.836,11.141-2.836a24.734,24.734,0,0,1,11.766,2.836Z" transform="translate(-376.78 -106.67)" fill="#aa6568"/>
+              <path id="Path_502" data-name="Path 502" d="M390.5,121.251c-6.375.2-17.062,3.215-17.062,3.215s6.609-8.166,16.861-8.178c9.1-.012,18.035,7.359,18.035,7.359S394.695,121.117,390.5,121.251Z" transform="translate(-373.442 -108.458)" fill="#841720"/>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar12.svg

@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_81" data-name="Rectangle 81" width="57.89" height="57.842" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_246" data-name="Group 246" transform="translate(-266.667 -88.881)">
+    <rect id="Rectangle_80" data-name="Rectangle 80" width="57.89" height="57.842" rx="28.921" transform="translate(266.667 89.022)" fill="#51ccc7"/>
+    <g id="Group_245" data-name="Group 245" transform="translate(266.667 88.881)">
+      <g id="Group_244" data-name="Group 244" clip-path="url(#clip-path)">
+        <g id="Group_243" data-name="Group 243" transform="translate(13.743 8.92)">
+          <path id="Path_524" data-name="Path 524" d="M296.537,139.184c-.236-.175-4.542-2.821-4.542-2.821.294,1.647.515,2.321.084,3.437a4.015,4.015,0,0,1-1.547,1.747,3.281,3.281,0,0,1-1.547.619,4.747,4.747,0,0,1-.629-.052,5.008,5.008,0,0,0,2.4.3,2.722,2.722,0,0,0,1.474-.42,2.138,2.138,0,0,0-.3,2.053c1.3,2.635-.432,3.494-.432,3.494a5.01,5.01,0,0,0,2.41-.923c0,.018,0,.046.008.064a1.912,1.912,0,0,0,1.417,1.464s-.647-.108-.526-1.332c.034-.327.373-.456.8-.675.165,1.183.7,2.387-.406,2.881,0,0,1.871-.369,2.214-1.478a4.259,4.259,0,0,0,.126-.579,2.615,2.615,0,0,1,.09.312,3.975,3.975,0,0,1-.81,2.779s3.886-.409,3.915-1.948a7.834,7.834,0,0,1,.171-1.521c.118-.353.354-2.115.354-2.115S296.774,139.361,296.537,139.184Z" transform="translate(-287.974 -114.386)" fill="#fdfbf8"/>
+          <path id="Path_525" data-name="Path 525" d="M319.433,139.184c.236-.175,4.543-2.821,4.543-2.821-.3,1.647-.516,2.321-.086,3.437a4.028,4.028,0,0,0,1.547,1.747,3.279,3.279,0,0,0,1.547.619,4.744,4.744,0,0,0,.628-.052,5,5,0,0,1-2.4.3,2.713,2.713,0,0,1-1.473-.42,2.142,2.142,0,0,1,.3,2.053c-1.3,2.635.434,3.494.434,3.494a5.025,5.025,0,0,1-2.412-.923.357.357,0,0,1-.007.064,1.912,1.912,0,0,1-1.416,1.464s.648-.108.524-1.332c-.034-.327-.374-.456-.8-.675-.165,1.183-.7,2.387.408,2.881,0,0-1.872-.369-2.214-1.478a4.176,4.176,0,0,1-.128-.579,2.727,2.727,0,0,0-.089.312,3.982,3.982,0,0,0,.809,2.779s-3.884-.409-3.915-1.948a7.972,7.972,0,0,0-.169-1.521c-.12-.353-.356-2.115-.356-2.115S319.2,139.361,319.433,139.184Z" transform="translate(-297.165 -114.386)" fill="#fdfbf8"/>
+          <g id="Group_232" data-name="Group 232" transform="translate(3.062 27.295)">
+            <g id="Group_231" data-name="Group 231">
+              <path id="Path_526" data-name="Path 526" d="M304.475,144.689v21.455H292.76c-.189-.081-.29-.121-.29-.121,0-11.509,7.174-12.369,7.174-12.369a.933.933,0,0,0,.754-.425,5.007,5.007,0,0,0,.724-1.883,6.671,6.671,0,0,0,.122-.669c.066-.392.124-.811.166-1.243.025-.263.049-.523.074-.794.107-1.317.139-2.748.139-4.105C301.624,144.535,303.2,144.689,304.475,144.689Z" transform="translate(-292.47 -144.535)" fill="#dcc5a1"/>
+              <path id="Path_527" data-name="Path 527" d="M322.947,166.023s-.106.04-.28.121H310.9V144.689h.023c1.275,0,2.862-.154,2.862-.154,0,1.348.032,2.764.137,4.073.027.262.049.523.074.777.049.45.1.874.166,1.275v.008c.025.181.057.344.089.507a3.723,3.723,0,0,0,1.093,2.356.779.779,0,0,0,.427.123S322.947,154.514,322.947,166.023Z" transform="translate(-298.899 -144.535)" fill="#edd9b4"/>
+            </g>
+            <path id="Path_528" data-name="Path 528" d="M312.439,152.851v.008a3.787,3.787,0,0,1-3.247,1.76h-.017a4.092,4.092,0,0,1-3.227-1.75c.066-.4.122-.811.164-1.243.025-.262.049-.524.072-.8a12.909,12.909,0,0,0,2.958.387h.033a12.183,12.183,0,0,0,3.025-.418c.025.261.049.523.072.777C312.323,152.026,312.372,152.451,312.439,152.851Z" transform="translate(-297.171 -146.723)" fill="#bc9f82" opacity="0.7"/>
+          </g>
+          <g id="Group_239" data-name="Group 239">
+            <g id="Group_238" data-name="Group 238" transform="translate(0 2.842)">
+              <g id="Group_234" data-name="Group 234">
+                <g id="Group_233" data-name="Group 233">
+                  <path id="Path_529" data-name="Path 529" d="M302.87,106.957c-12.408,0-12.479,10.346-11.927,17.114-.852-1.6-3.37-1.108-3.163,1.417.2,2.438,3.755,3.7,3.705,3.414,1.017,5.569,6.858,8.786,11.384,8.786.031,0,.065,0,.1,0V106.959Z" transform="translate(-287.768 -106.957)" fill="#ccad8b"/>
+                </g>
+                <path id="Path_530" data-name="Path 530" d="M288.891,133.463a1.18,1.18,0,0,1,1.794-.34,1.018,1.018,0,0,1,.29,1.122c-.086.325-.43.351-.345.842a.871.871,0,0,0,.5.718,1.164,1.164,0,0,1,.419.454,1.23,1.23,0,0,1,.053.7c-.1.4-.678.083-1.071-.095a7.41,7.41,0,0,1-1.284-1.039A2.217,2.217,0,0,1,288.891,133.463Z" transform="translate(-288.088 -116)" fill="#bc9f82"/>
+              </g>
+              <g id="Group_236" data-name="Group 236" transform="translate(15.067)">
+                <g id="Group_235" data-name="Group 235">
+                  <path id="Path_531" data-name="Path 531" d="M311,106.957c12.411,0,12.481,10.346,11.929,17.114.852-1.6,3.37-1.108,3.163,1.417-.2,2.438-3.757,3.7-3.708,3.414-1.017,5.569-6.856,8.786-11.384,8.786-.031,0-.063,0-.1,0V106.959Z" transform="translate(-310.904 -106.957)" fill="#d9bf9f"/>
+                </g>
+                <path id="Path_532" data-name="Path 532" d="M331.542,133.463a1.177,1.177,0,0,0-1.791-.34,1.025,1.025,0,0,0-.293,1.122c.089.325.43.351.346.842a.87.87,0,0,1-.495.718,1.12,1.12,0,0,0-.417.454,1.221,1.221,0,0,0-.055.7c.094.4.679.083,1.069-.095a7.462,7.462,0,0,0,1.284-1.039A2.21,2.21,0,0,0,331.542,133.463Z" transform="translate(-317.148 -116)" fill="#bc9f82"/>
+              </g>
+              <g id="Group_237" data-name="Group 237" transform="translate(4.235 3.205)">
+                <path id="Path_533" data-name="Path 533" d="M305.253,111.882c-4.084,0-7.071,1.182-8.881,3.512-2.526,3.255-2.431,8.227-1.5,11.795.284,1.092.43,4.03.628,5.111.881,4.826,6.227,7.4,9.75,7.4.031,0,.065,0,.1,0V111.886C305.316,111.886,305.286,111.882,305.253,111.882Z" transform="translate(-294.271 -111.882)" fill="#dcc5a1"/>
+                <path id="Path_534" data-name="Path 534" d="M320.047,115.4c-1.794-2.314-4.751-3.492-8.767-3.512v27.806c4.02-.044,8.828-2.86,9.654-7.392.195-1.081.341-4.019.627-5.111C322.489,123.631,322.581,118.666,320.047,115.4Z" transform="translate(-300.202 -111.884)" fill="#edd9b4"/>
+              </g>
+            </g>
+            <path id="Path_535" data-name="Path 535" d="M293.291,124.6c-.234,0,.017-1.241-.764-2.1a11.818,11.818,0,0,1-1.97-6.611c0-2.877,1.017-5.435,3.673-8.157a18.866,18.866,0,0,1,6.557-4.041l-1.8,1.633s.966-1.325,4.443-2.385a6.314,6.314,0,0,1,4.518.094s-1.808-.061-2.356.723a2.907,2.907,0,0,1-.644.5s.838-1.877,4.743-.322,3.831,4.341,6.546,5.195c2.782.877,3.585-.246,3.585-.246a4.309,4.309,0,0,1-3.347,1.975,1.761,1.761,0,0,1-.383-.009,17.87,17.87,0,0,1,.956,3.688c.158,1.609-.333,2.711-.484,5.719-.13,2.572-.834,1.253-1.674,3.149a3.915,3.915,0,0,0-.3,1.352c-.313.075-1.128-1.542-.541-4.356.381-1.826-1.505-8.746-6.054-7.4-2.785.824-3.486,2.505-5.568,1.013-1.793-1.287-4.3-2.026-6.176-1.008s-2.93,3.308-2.6,6.959C294.074,124.631,293.291,124.6,293.291,124.6Z" transform="translate(-288.741 -102.589)" fill="#fdfbf8"/>
+          </g>
+          <g id="Group_242" data-name="Group 242" transform="translate(3.061 34.549)">
+            <g id="Group_240" data-name="Group 240" transform="translate(7.638)">
+              <path id="Path_536" data-name="Path 536" d="M304.739,155.683a14.359,14.359,0,0,0-.529,1.711,6.117,6.117,0,0,0,4.355,1.46s-.229-2.136-.615-2.245S304.739,155.683,304.739,155.683Z" transform="translate(-304.197 -155.683)" fill="#16160f"/>
+              <path id="Path_537" data-name="Path 537" d="M314.728,155.683a14.008,14.008,0,0,1,.529,1.711,6.112,6.112,0,0,1-4.354,1.46s.229-2.136.613-2.245S314.728,155.683,314.728,155.683Z" transform="translate(-306.536 -155.683)" fill="#16160f"/>
+            </g>
+            <g id="Group_241" data-name="Group 241" transform="translate(0 1.203)">
+              <path id="Path_538" data-name="Path 538" d="M316.518,170.563s-.107.04-.28.121H292.758c-.188-.081-.289-.121-.289-.121,0-11.509,7.174-12.369,7.174-12.369a.934.934,0,0,0,.755-.425,16.143,16.143,0,0,1,2.77-.238l1.151,1.963a.4.4,0,0,0,.156-.056c.6-.279,2.564-1.522,2.777-1.522a11.408,11.408,0,0,1,1.391,0,2.294,2.294,0,0,0,.7.279S316.518,159.054,316.518,170.563Z" transform="translate(-292.469 -157.531)" fill="#0f0f0f"/>
+              <path id="Path_539" data-name="Path 539" d="M315.681,172.518s-.08.033-.234.1H296.307l-.238-.1c0-.279.006-.558.014-.823.027-.612.08-1.191.152-1.722a11.218,11.218,0,0,1,.234-1.268c.032-.18.081-.352.126-.525.066-.234.135-.459.208-.679.061-.178.125-.351.194-.517a8.926,8.926,0,0,1,.647-1.31,7.151,7.151,0,0,1,1.4-1.722,6.443,6.443,0,0,1,1.181-.855.051.051,0,0,0,.027-.014.018.018,0,0,1,.013-.008,4.8,4.8,0,0,0,.781.877c.453.446,1.107,1.033,1.941,1.722.055.04.113.094.174.14a4.038,4.038,0,0,0,5.425,0c.061-.046.122-.1.175-.14.838-.689,1.494-1.276,1.947-1.722a4.991,4.991,0,0,0,.781-.877.008.008,0,0,1,.008.008.077.077,0,0,0,.032.014,6.292,6.292,0,0,1,1.181.855,7.327,7.327,0,0,1,1.4,1.722,8.319,8.319,0,0,1,.64,1.31c.067.165.133.338.193.517.08.221.148.446.215.679.046.173.086.346.128.525.091.4.165.817.225,1.268.074.531.128,1.11.154,1.722C315.673,171.96,315.681,172.239,315.681,172.518Z" transform="translate(-293.724 -159.467)" fill="#e3b142"/>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar13.svg

@@ -0,0 +1,72 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_83" data-name="Rectangle 83" width="57.89" height="57.841" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_278" data-name="Group 278" transform="translate(-355.556 -177.771)">
+    <rect id="Rectangle_82" data-name="Rectangle 82" width="57.89" height="57.841" rx="28.921" transform="translate(355.556 177.912)" fill="#f7a057"/>
+    <g id="Group_265" data-name="Group 265" transform="translate(355.556 177.771)">
+      <g id="Group_264" data-name="Group 264" clip-path="url(#clip-path)">
+        <g id="Group_263" data-name="Group 263" transform="translate(6.376 6.951)">
+          <path id="Path_540" data-name="Path 540" d="M398.538,223.9a25.625,25.625,0,0,1-2.128,5.439c-1.065,1.891-4.3,4.324-4.414,6.918-.242,5.567,7.677,8.211,10.872,9.157s4.26,1.042,4.616,2.413a12.533,12.533,0,0,1,.064,3.661s2.69-1.467,3.448-2.588a3.036,3.036,0,0,0-.152-4.051s-.663.565.118,1.843.781,2.412.5,2.743-1.276,1.37-1.276,1.37,4.936-1.392,3.976-5.392c-.166-.683-.615-.182,0,0,1.372.409,1.114,2.664,1.114,2.664s3.347-4.314-3.433-6.757c-.646-.233-4.137-1.093-4.5-3.969-.2-1.594.97-1.732,1.185-3.681.276-2.521-3.349-1.989-4.743-4.366-.265-.451,1.047-.709,0-1.935-1.267-1.481-1.732-1.367-3.54-2.242S398.538,223.9,398.538,223.9Z" transform="translate(-374.638 -200.833)" fill="#d19a30"/>
+          <g id="Group_262" data-name="Group 262">
+            <g id="Group_248" data-name="Group 248" transform="translate(10.521 29.127)">
+              <g id="Group_247" data-name="Group 247">
+                <path id="Path_541" data-name="Path 541" d="M393.539,233.371v21.518h-11.75a2.67,2.67,0,0,0-.288-.124,17.7,17.7,0,0,1,1.351-7.351,8.709,8.709,0,0,1,4.591-4.685,5,5,0,0,1,1.25-.368h.059a1.212,1.212,0,0,0,.156-.033c.592-.171,1-1.033,1.269-2.281.05-.223.091-.436.124-.673.066-.394.124-.812.165-1.254.025-.256.048-.517.075-.788.106-1.329.139-2.766.139-4.118C390.679,233.215,392.262,233.371,393.539,233.371Z" transform="translate(-381.501 -233.215)" fill="#dcc5a1"/>
+                <path id="Path_542" data-name="Path 542" d="M412.063,254.766a1.767,1.767,0,0,0-.279.124h-11.8V233.371h.025c1.276,0,2.867-.156,2.867-.156,0,1.352.032,2.773.139,4.086.025.263.051.525.074.778.05.45.1.878.164,1.273v.017c.027.179.061.345.092.508a3.6,3.6,0,0,0,1.137,2.387.754.754,0,0,0,.124.049.734.734,0,0,0,.263.049s3.635.435,5.734,4.824A17.4,17.4,0,0,1,412.063,254.766Z" transform="translate(-387.947 -233.215)" fill="#edd9b4"/>
+              </g>
+              <path id="Path_543" data-name="Path 543" d="M401.519,241.551v.008a3.8,3.8,0,0,1-3.254,1.763h-.015a4.1,4.1,0,0,1-3.239-1.756c.066-.394.122-.812.165-1.246.023-.263.048-.525.073-.8a12.845,12.845,0,0,0,2.966.385h.034a12.121,12.121,0,0,0,3.03-.418c.025.262.051.526.074.779C401.405,240.721,401.455,241.147,401.519,241.551Z" transform="translate(-386.213 -235.408)" fill="#bc9f82" opacity="0.7"/>
+            </g>
+            <g id="Group_261" data-name="Group 261">
+              <path id="Path_544" data-name="Path 544" d="M410.212,218.024c0,3.52-10.82,11.78-22.433,11.78s-22.433-7.122-22.433-10.642,10.428-4.915,22.041-4.915S410.212,214.5,410.212,218.024Z" transform="translate(-365.346 -197.463)" fill="#511e1e"/>
+              <g id="Group_254" data-name="Group 254" transform="translate(7.625 6.157)">
+                <g id="Group_250" data-name="Group 250">
+                  <g id="Group_249" data-name="Group 249">
+                    <path id="Path_545" data-name="Path 545" d="M391.976,197.915c-12.261-.022-12.333,9.789-11.788,16.186-.838-1.5-3.327-.945-3.123,1.461.2,2.3,3.71,3.345,3.661,3.092,1,5.212,6.784,8.105,11.249,8.519.033,0,.064,0,.1,0V197.917Z" transform="translate(-377.054 -197.915)" fill="#ccad8b"/>
+                  </g>
+                  <path id="Path_546" data-name="Path 546" d="M377.906,223.156a1.217,1.217,0,0,1,1.8-.323.938.938,0,0,1,.289,1.067c-.086.308-.43.333-.344.8a.837.837,0,0,0,.5.681,1.132,1.132,0,0,1,.419.435,1.091,1.091,0,0,1,.055.664c-.093.381-.68.077-1.072-.091a7.3,7.3,0,0,1-1.288-.989A2.028,2.028,0,0,1,377.906,223.156Z" transform="translate(-377.279 -206.526)" fill="#bc9f82"/>
+                </g>
+                <g id="Group_252" data-name="Group 252" transform="translate(14.892)">
+                  <g id="Group_251" data-name="Group 251">
+                    <path id="Path_547" data-name="Path 547" d="M400.014,197.915c12.262-.022,12.332,9.789,11.786,16.186.842-1.5,3.33-.945,3.126,1.461-.2,2.3-3.711,3.345-3.661,3.092-1,5.212-6.782,8.105-11.251,8.519-.031,0-.063,0-.094,0V197.917Z" transform="translate(-399.92 -197.915)" fill="#d9bf9f"/>
+                  </g>
+                  <path id="Path_548" data-name="Path 548" d="M420.68,223.156a1.217,1.217,0,0,0-1.8-.323.943.943,0,0,0-.292,1.067c.088.308.432.333.348.8a.833.833,0,0,1-.5.681.944.944,0,0,0-.476,1.1c.1.381.682.077,1.072-.091a7.3,7.3,0,0,0,1.288-.989A2.025,2.025,0,0,0,420.68,223.156Z" transform="translate(-406.204 -206.526)" fill="#bc9f82"/>
+                </g>
+                <g id="Group_253" data-name="Group 253" transform="translate(3.846 2.777)">
+                  <path id="Path_549" data-name="Path 549" d="M393.973,202.183c-4.094,0-7.093,1.126-8.906,3.344-2.534,3.1-2.438,7.834-1.5,11.234.284,1.037.431,3.838.628,4.865.884,4.595,6.246,7.043,9.779,7.043.03,0,.063,0,.1,0v-26.48C394.036,202.186,394.005,202.183,393.973,202.183Z" transform="translate(-382.96 -202.183)" fill="#dcc5a1"/>
+                  <path id="Path_550" data-name="Path 550" d="M408.808,205.533c-1.8-2.207-4.763-3.328-8.791-3.345v26.48c4.033-.042,8.853-2.725,9.683-7.04.194-1.027.343-3.828.628-4.865C411.26,213.373,411.352,208.644,408.808,205.533Z" transform="translate(-388.908 -202.185)" fill="#edd9b4"/>
+                </g>
+              </g>
+              <g id="Group_255" data-name="Group 255" transform="translate(20.509 30.811)">
+                <path id="Path_551" data-name="Path 551" d="M401,236.436a3.265,3.265,0,0,1-2.067.984,3.084,3.084,0,0,1-2.012-.965,13.323,13.323,0,0,1,2.012-.148A16.613,16.613,0,0,1,401,236.436Z" transform="translate(-396.866 -235.979)" fill="#b47070"/>
+                <path id="Path_552" data-name="Path 552" d="M399.489,235.8a.606.606,0,0,1-1.17,0,8.242,8.242,0,0,0-1.482.457s1.128.116,1.454.116.606.127.612-.111c.006.24.238.147.558.147s1.509-.153,1.509-.153A8.213,8.213,0,0,0,399.489,235.8Z" transform="translate(-396.837 -235.803)" fill="#c17874"/>
+              </g>
+              <g id="Group_258" data-name="Group 258" transform="translate(10.255 20.822)">
+                <path id="Path_553" data-name="Path 553" d="M392.531,223.454c0,1.469-2.175,2.926-4.732,2.989-.053,0-.114,0-.173,0-.215,0-.425,0-.613-.012-3.1-.143-3.534-1.4-3.534-2.82,0-1.5-.907-2.714,4.449-2.714.813,0,1.478.025,2.033.073a6.28,6.28,0,0,1,1.665.31C392.81,221.718,392.531,222.493,392.531,223.454Z" transform="translate(-381.904 -220.609)" fill="#111"/>
+                <path id="Path_554" data-name="Path 554" d="M412.09,223.615c0,1.507-.494,2.832-4.147,2.832-.156,0-.313,0-.457-.018a5.409,5.409,0,0,1-.8-.1c-2.057-.378-3.646-1.624-3.646-2.875,0-1.5-.665-2.553,4.606-2.553.785,0,1.432.025,1.969.073,1.433.131,2.073.421,2.34.824C412.288,222.283,412.09,222.913,412.09,223.615Z" transform="translate(-388.735 -220.609)" fill="#111"/>
+                <g id="Group_256" data-name="Group 256">
+                  <path id="Path_555" data-name="Path 555" d="M389.44,221.282a17.9,17.9,0,0,0-3.233-.006c-1.6.146-2.726.25-2.57,1.962.225,2.466,1.623,2.858,2.1,2.962,1.086.239,5.582.593,6.511-2.437a2.453,2.453,0,0,0-.025-1.665C392.042,221.628,390.221,221.351,389.44,221.282Z" transform="translate(-381.975 -220.716)" fill="none"/>
+                  <path id="Path_556" data-name="Path 556" d="M392.691,221.217c-.316-.049-1.072-.239-1.846-.389-.68-.133-1.377-.226-1.758-.266a38.1,38.1,0,0,0-4.766-.061,16.2,16.2,0,0,0-3.146.362c-.048.07-.154,1-.011,1.094s.63.3.75.626.6,2.682,1.682,3.329c1.775,1.058,7.743,1.1,8.772-2.76.143-.528.328-.835.649-.922a2.163,2.163,0,0,1,.576-.064v-.893A4.185,4.185,0,0,1,392.691,221.217Zm-1.257,2.283c-.93,3.03-5.426,2.676-6.511,2.437-.48-.1-1.877-.5-2.1-2.962-.156-1.712.972-1.816,2.568-1.962a17.919,17.919,0,0,1,3.235.006c.781.069,2.6.346,2.782.816A2.452,2.452,0,0,1,391.434,223.5Z" transform="translate(-381.092 -220.452)" fill="#070707"/>
+                </g>
+                <g id="Group_257" data-name="Group 257" transform="translate(12.389)">
+                  <path id="Path_557" data-name="Path 557" d="M406.244,221.282a17.92,17.92,0,0,1,3.235-.006c1.6.146,2.724.25,2.568,1.962-.225,2.466-1.621,2.858-2.1,2.962-1.09.239-5.585.593-6.515-2.437a2.463,2.463,0,0,1,.027-1.665C403.642,221.628,405.463,221.351,406.244,221.282Z" transform="translate(-401.228 -220.716)" fill="none"/>
+                  <path id="Path_558" data-name="Path 558" d="M400.116,221.273v.893a2.18,2.18,0,0,1,.577.064c.322.087.507.394.648.922,1.031,3.865,7,3.818,8.776,2.76,1.077-.647,1.56-3,1.68-3.329s.612-.524.75-.626.036-1.025-.013-1.094a16.143,16.143,0,0,0-3.144-.362,38.094,38.094,0,0,0-4.766.061c-.381.04-1.078.133-1.76.266-.772.15-1.528.34-1.844.389A4.21,4.21,0,0,1,400.116,221.273Zm2.189.562c.179-.47,2-.747,2.782-.816a17.921,17.921,0,0,1,3.235-.006c1.6.146,2.726.25,2.568,1.962-.225,2.466-1.62,2.858-2.1,2.962-1.086.239-5.581.593-6.511-2.437A2.452,2.452,0,0,1,402.3,221.835Z" transform="translate(-400.116 -220.452)" fill="#070707"/>
+                </g>
+              </g>
+              <g id="Group_260" data-name="Group 260" transform="translate(7.987 2.053)">
+                <g id="Group_259" data-name="Group 259">
+                  <path id="Path_559" data-name="Path 559" d="M405.483,202.444c-.16-.506-.328-.975-.5-1.427v-.2c0-1.908-1.562-4.383-4.046-6.784s-4.05-1.909-6.108-1.84l-.015.04c-.9-.209-5.764-1.249-8.653-.1-3.2,1.273-5.812,3.457-7.658,9.325s-.332,10.672.027,12.723c1.134,6.491,6.576,10.6,6.576,10.6a14.388,14.388,0,0,1-1.989-3.464,20.206,20.206,0,0,1-1.189-7.037c0-3.392,3.105-7.594,3.105-7.594a16.556,16.556,0,0,0-1.715,5.534,8.578,8.578,0,0,0,1.217,5.139s-1.9-3.764,1.137-6.573a21.35,21.35,0,0,0,2.427-2.68l0,.007a4.577,4.577,0,0,0,.77,4.086s-.029-2.849,1.557-3.817c3.863-2.356,4.478-3.331,5.021-5.228a4.606,4.606,0,0,0,.145-.729l3.532,5.489c.164.238.434.641.747,1.164.916,1.521,2.183,4.014,2.183,6.182a20.223,20.223,0,0,1-1.189,7.038,14.387,14.387,0,0,1-1.989,3.464s5.441-4.111,6.576-10.6C405.812,213.116,407.328,208.31,405.483,202.444Z" transform="translate(-377.609 -191.607)" fill="#e3b142"/>
+                </g>
+              </g>
+              <path id="Path_560" data-name="Path 560" d="M407.213,198.253h-29.32a4.517,4.517,0,0,1,0-.864c1.056-4.061,4.969-8.936,14.259-8.936,9.005,0,13.779,4.763,15.061,8.936A3.827,3.827,0,0,1,407.213,198.253Z" transform="translate(-369.713 -188.453)" fill="#841720"/>
+              <path id="Path_561" data-name="Path 561" d="M407.226,206.8h-29.32v-5.234s4.969-3.631,14.259-3.631a31.667,31.667,0,0,1,15.061,3.631Z" transform="translate(-369.726 -191.765)" fill="#aa6568"/>
+              <path id="Path_562" data-name="Path 562" d="M387.495,210.836c-8.161.26-21.839,4.115-21.839,4.115s8.458-10.452,21.582-10.47c11.643-.014,23.083,9.418,23.083,9.418S392.859,210.664,387.495,210.836Z" transform="translate(-365.454 -194.051)" fill="#841720"/>
+            </g>
+            <path id="Path_563" data-name="Path 563" d="M402.652,248.639c-1.581-.754-3.46-1.228-3.359-1,1.024,1.435.643,2.635.474,4.7,0,.063-.012.12-.019.18a3.924,3.924,0,0,0-6.043,2.206l-.178,0h-.09a3.923,3.923,0,0,0-6.124-2.144c-.008-.079-.018-.157-.023-.24-.172-2.061-.553-3.261.472-4.7.1-.225-1.775.249-3.359,1a16.637,16.637,0,0,0-2.871,1.783,2.908,2.908,0,0,1,1.669,1.842,15.2,15.2,0,0,1,.483,3.247c.171,2.462,1.411,3.567,1.339,4.4h17.012c-.074-.83,1.166-1.934,1.337-4.4a15.367,15.367,0,0,1,.482-3.247,2.91,2.91,0,0,1,1.671-1.842A16.637,16.637,0,0,0,402.652,248.639Z" transform="translate(-370.991 -209.105)" fill="#841720"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar2.svg

@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_59" data-name="Rectangle 59" width="57.89" height="57.841" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_70" data-name="Group 70" transform="translate(0 0.009)">
+    <rect id="Rectangle_58" data-name="Rectangle 58" width="57.89" height="57.841" rx="28.921" transform="translate(0 0.132)" fill="#dba81f"/>
+    <g id="Group_69" data-name="Group 69" transform="translate(0 -0.009)">
+      <g id="Group_68" data-name="Group 68" clip-path="url(#clip-path)">
+        <g id="Group_67" data-name="Group 67" transform="translate(13.559 6.47)">
+          <g id="Group_58" data-name="Group 58" transform="translate(3.039 29.959)">
+            <path id="Path_342" data-name="Path 342" d="M37.381,56.128V77.39H25.771l-.285-.121c0-11.4,7.105-12.258,7.105-12.258.711,0,1.166-.906,1.467-2.283.05-.211.088-.431.122-.668.066-.388.122-.8.162-1.231.025-.258.049-.519.074-.785.107-1.305.137-2.724.137-4.07C34.554,55.974,36.118,56.128,37.381,56.128Z" transform="translate(-25.486 -55.974)" fill="#dcc5a1"/>
+            <path id="Path_343" data-name="Path 343" d="M55.684,77.269s-.1.04-.276.121H43.75V56.128h.023c1.263,0,2.834-.154,2.834-.154,0,1.338.033,2.739.137,4.037.025.26.049.518.072.77.049.445.1.867.164,1.264v.009c.025.178.057.341.091.5.3,1.469.774,2.456,1.505,2.456C48.577,65.011,55.684,65.865,55.684,77.269Z" transform="translate(-31.855 -55.974)" fill="#edd9b4"/>
+            <path id="Path_344" data-name="Path 344" d="M45.267,64.212v.009a3.752,3.752,0,0,1-3.216,1.741h-.015a4.059,4.059,0,0,1-3.2-1.735c.066-.388.122-.8.162-1.231.025-.258.049-.519.074-.785A12.749,12.749,0,0,0,42,62.59h.033a12,12,0,0,0,2.995-.412c.025.26.049.518.072.77C45.153,63.394,45.2,63.815,45.267,64.212Z" transform="translate(-30.142 -58.141)" fill="#bc9f82" opacity="0.7"/>
+          </g>
+          <g id="Group_60" data-name="Group 60" transform="translate(3.021 35.745)">
+            <path id="Path_345" data-name="Path 345" d="M42.474,69.164a.816.816,0,0,1-.446-.264,8.7,8.7,0,0,0-.832-1.124.651.651,0,0,1-.078-.083l-.122.7-3.627,1.852-3.574-1.724-.177-.824a.384.384,0,0,1-.049.047c-.482.55-1.308,1.459-1.3,1.424-1.341.31-6.808,2.188-6.808,12.2,0,0,.1.045.282.121H49c.181-.076.28-.121.28-.121C49.284,71.352,43.818,69.473,42.474,69.164Z" transform="translate(-25.458 -65.854)" fill="#771819"/>
+            <g id="Group_59" data-name="Group 59" transform="translate(7.356)">
+              <path id="Path_346" data-name="Path 346" d="M48.136,67.217c-.176-.45-.6-.871-.755-1.23-.259-.594-.495-1.121-.495-1.121a30.479,30.479,0,0,1-.937,3.091s-2.763,1.32-2.328,1.411,2.481,2.666,3.067,3.35.491,1.312.643.392S48.607,68.423,48.136,67.217Z" transform="translate(-39.132 -64.867)" fill="#fdfdfd"/>
+              <path id="Path_347" data-name="Path 347" d="M39.055,67.958a31,31,0,0,1-.937-3.091s-.236.526-.494,1.121c-.154.359-.581.78-.758,1.23-.468,1.206.653,4.973.806,5.893s.055.288.64-.392,2.494-3.254,2.93-3.35S39.055,67.958,39.055,67.958Z" transform="translate(-36.753 -64.867)" fill="#fdfdfd"/>
+            </g>
+          </g>
+          <g id="Group_66" data-name="Group 66">
+            <g id="Group_64" data-name="Group 64" transform="translate(0 5.727)">
+              <g id="Group_61" data-name="Group 61">
+                <path id="Path_348" data-name="Path 348" d="M35.786,18.735c-12.3,0-12.366,10.25-11.821,16.957-.841-1.59-3.337-1.1-3.133,1.406.2,2.414,3.722,3.662,3.671,3.382,1.01,5.519,6.8,8.708,11.284,8.708.03,0,.063-.005.093-.005V18.736Z" transform="translate(-20.82 -18.735)" fill="#ccad8b"/>
+                <path id="Path_349" data-name="Path 349" d="M21.936,45a1.166,1.166,0,0,1,1.775-.337A1.009,1.009,0,0,1,24,45.774c-.084.319-.423.346-.341.836a.861.861,0,0,0,.492.709,1.122,1.122,0,0,1,.414.452,1.229,1.229,0,0,1,.057.69c-.1.4-.674.081-1.061-.1a7.263,7.263,0,0,1-1.271-1.027A2.188,2.188,0,0,1,21.936,45Z" transform="translate(-21.137 -27.695)" fill="#bc9f82"/>
+              </g>
+              <g id="Group_62" data-name="Group 62" transform="translate(14.934)">
+                <path id="Path_350" data-name="Path 350" d="M43.843,18.735c12.3,0,12.367,10.25,11.82,16.957.844-1.59,3.342-1.1,3.136,1.406-.2,2.414-3.723,3.662-3.676,3.382C54.117,46,48.33,49.188,43.843,49.188c-.031,0-.063-.005-.093-.005V18.736Z" transform="translate(-43.75 -18.735)" fill="#d9bf9f"/>
+                <path id="Path_351" data-name="Path 351" d="M64.2,45a1.168,1.168,0,0,0-1.777-.337,1.012,1.012,0,0,0-.286,1.112c.088.319.427.346.343.836a.863.863,0,0,1-.494.709,1.135,1.135,0,0,0-.414.452,1.188,1.188,0,0,0-.053.69c.091.4.67.081,1.059-.1a7.347,7.347,0,0,0,1.273-1.027A2.193,2.193,0,0,0,64.2,45Z" transform="translate(-49.937 -27.695)" fill="#bc9f82"/>
+              </g>
+              <g id="Group_63" data-name="Group 63" transform="translate(3.978 2.889)">
+                <path id="Path_352" data-name="Path 352" d="M37.811,23.174c-4.048,0-7.009,1.169-8.8,3.481-2.5,3.223-2.406,8.151-1.484,11.687.282,1.081.427,4,.623,5.066.87,4.781,6.172,7.33,9.664,7.33.029,0,.063-.005.093-.005V23.177Z" transform="translate(-26.927 -23.174)" fill="#dcc5a1"/>
+                <path id="Path_353" data-name="Path 353" d="M52.469,26.66c-1.777-2.3-4.705-3.464-8.687-3.482V50.734c3.983-.042,8.75-2.833,9.567-7.325.2-1.071.339-3.985.623-5.066C54.892,34.817,54.982,29.9,52.469,26.66Z" transform="translate(-32.805 -23.175)" fill="#edd9b4"/>
+              </g>
+            </g>
+            <g id="Group_65" data-name="Group 65" transform="translate(4.168 30.611)">
+              <path id="Path_354" data-name="Path 354" d="M27.82,61.35l.011.034h0s0,0,0,.007A7.666,7.666,0,0,0,29.477,64a9.574,9.574,0,0,0,2.469,1.873A12.506,12.506,0,0,1,30.8,64.869a11.279,11.279,0,0,1-.979-1.137,8.29,8.29,0,0,1-.93-1.489c.2.1.408.183.613.258.568.211,1.168.379,1.686.558l.7.248-.154-.7a14.392,14.392,0,0,0-.655-2.007c-.034-.089-.074-.178-.11-.265.2.144.4.284.6.423a13.186,13.186,0,0,0,2.28,1.23,10.164,10.164,0,0,0,2.5.722A7.766,7.766,0,0,0,38,62.747a7.791,7.791,0,0,0,1.646-.037,10.192,10.192,0,0,0,2.5-.722,13.186,13.186,0,0,0,2.28-1.23q.306-.208.6-.423c-.035.088-.074.177-.109.265a14.474,14.474,0,0,0-.653,2.007l-.156.7.7-.248c.518-.18,1.116-.347,1.688-.558.2-.075.408-.163.613-.258a8.375,8.375,0,0,1-.932,1.489,11.034,11.034,0,0,1-.979,1.137,12.745,12.745,0,0,1-1.141,1.009A9.675,9.675,0,0,0,46.535,64a7.681,7.681,0,0,0,1.64-2.614s0,0,0-.007h0c0-.011.01-.022.014-.034l.6-1.75-1.269,1.538a.81.81,0,0,1-.183.171,2.731,2.731,0,0,1-.328.187,7.516,7.516,0,0,1-.777.309c-.311.107-.623.2-.945.289.345-1.025.8-2.054,1.248-3.062l.907-2.058-1.61,1.6c-.27.272-.587.548-.9.808s-.633.519-.965.759a17.861,17.861,0,0,1-2.087,1.311,11.09,11.09,0,0,1-2.311.892A7.657,7.657,0,0,1,38,62.593a7.639,7.639,0,0,1-1.566-.246,11.029,11.029,0,0,1-2.311-.892,17.63,17.63,0,0,1-2.086-1.311c-.331-.239-.654-.5-.966-.759s-.627-.536-.9-.808l-1.608-1.6.907,2.058c.444,1.008.9,2.037,1.247,3.062-.322-.092-.634-.182-.946-.289A7.434,7.434,0,0,1,29,61.5a2.587,2.587,0,0,1-.328-.187.71.71,0,0,1-.181-.171L27.22,59.6Z" transform="translate(-27.22 -56.976)" fill="#422e14"/>
+              <path id="Path_355" data-name="Path 355" d="M29.288,56.976s8.14,9.974,18.877,0l-3.05,3.591s-7.755,5.841-14.847-1.716Z" transform="translate(-27.941 -56.976)" fill="#422e14"/>
+            </g>
+            <path id="Path_356" data-name="Path 356" d="M25.281,33.067c-.244,0,.02-1.3-.8-2.2a12.449,12.449,0,0,1-2.068-6.952c0-3.025,1.07-5.715,3.859-8.572a19.861,19.861,0,0,1,6.892-4.249l-1.886,1.715s1.015-1.393,4.671-2.506a6.642,6.642,0,0,1,4.747.1s-1.9-.064-2.476.759a3.1,3.1,0,0,1-.679.526s.884-1.972,4.988-.337,4.027,4.564,6.883,5.461c2.92.923,3.768-.26,3.768-.26a4.531,4.531,0,0,1-3.518,2.077,2.141,2.141,0,0,1-.4-.008,18.708,18.708,0,0,1,1.006,3.876c.168,1.692-.35,2.849-.509,6.013-.137,2.7-.878,1.317-1.76,3.309a4.163,4.163,0,0,0-.31,1.421c-.328.08-1.185-1.624-.568-4.579.4-1.918-1.583-9.191-6.367-7.775-2.925.868-3.665,2.635-5.852,1.066-1.886-1.353-4.523-2.13-6.492-1.06s-3.079,3.476-2.736,7.315C26.1,33.1,25.281,33.067,25.281,33.067Z" transform="translate(-21.374 -9.934)" fill="#422e14"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar3.svg

@@ -0,0 +1,57 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_61" data-name="Rectangle 61" width="57.89" height="57.841" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_86" data-name="Group 86" transform="translate(-88.889 0.009)">
+    <rect id="Rectangle_60" data-name="Rectangle 60" width="57.89" height="57.841" rx="28.921" transform="translate(88.889 0.132)" fill="#51ccc7"/>
+    <g id="Group_85" data-name="Group 85" transform="translate(88.889 -0.009)">
+      <g id="Group_84" data-name="Group 84" clip-path="url(#clip-path)">
+        <g id="Group_83" data-name="Group 83" transform="translate(14.99 10.678)">
+          <g id="Group_72" data-name="Group 72" transform="translate(3.392 25.75)">
+            <g id="Group_71" data-name="Group 71">
+              <path id="Path_357" data-name="Path 357" d="M129.009,56.125V77.388H117.4l-.286-.121c0-11.406,7.108-12.256,7.108-12.256.709,0,1.164-.908,1.465-2.285.049-.211.09-.43.124-.666.064-.389.122-.8.162-1.231.025-.26.048-.52.072-.787.106-1.3.139-2.723.139-4.068C126.183,55.973,127.746,56.125,129.009,56.125Z" transform="translate(-117.114 -55.973)" fill="#dcc5a1"/>
+              <path id="Path_358" data-name="Path 358" d="M147.313,77.267s-.1.042-.276.121H135.378V56.125h.025c1.261,0,2.833-.152,2.833-.152,0,1.338.033,2.739.139,4.037.023.259.049.517.072.769.05.446.1.867.164,1.264v.008c.023.178.055.341.09.5.3,1.468.771,2.457,1.5,2.457C140.205,65.011,147.313,65.861,147.313,77.267Z" transform="translate(-123.483 -55.973)" fill="#edd9b4"/>
+            </g>
+            <path id="Path_359" data-name="Path 359" d="M136.9,64.21v.008a3.753,3.753,0,0,1-3.215,1.743h-.018a4.045,4.045,0,0,1-3.2-1.735c.064-.389.122-.8.162-1.231.025-.26.048-.52.072-.787a12.738,12.738,0,0,0,2.932.381h.032a12.041,12.041,0,0,0,3-.412c.023.259.049.517.072.769C136.784,63.392,136.834,63.813,136.9,64.21Z" transform="translate(-121.771 -58.14)" fill="#bc9f82" opacity="0.7"/>
+          </g>
+          <g id="Group_79" data-name="Group 79">
+            <path id="Path_360" data-name="Path 360" d="M119.614,51.594c-.223-.167-4.28-2.659-4.28-2.659.278,1.552.485,2.186.079,3.239a3.778,3.778,0,0,1-1.459,1.646,3.078,3.078,0,0,1-1.456.584,4.27,4.27,0,0,1-.594-.051,4.694,4.694,0,0,0,2.261.285,2.546,2.546,0,0,0,1.389-.394,2.021,2.021,0,0,0-.282,1.933c1.221,2.481-.408,3.293-.408,3.293a4.729,4.729,0,0,0,2.271-.869c0,.017,0,.042.007.057a1.8,1.8,0,0,0,1.334,1.383s-.61-.1-.494-1.257c.033-.308.352-.429.751-.636.156,1.113.661,2.25-.383,2.714,0,0,1.764-.348,2.086-1.393a4.127,4.127,0,0,0,.12-.545c.027.1.065.189.084.292a3.748,3.748,0,0,1-.764,2.622s3.663-.388,3.69-1.835a7.481,7.481,0,0,1,.16-1.436c.111-.332.335-1.992.335-1.992S119.837,51.759,119.614,51.594Z" transform="translate(-111.905 -27.765)" fill="#4d1913"/>
+            <path id="Path_361" data-name="Path 361" d="M144.642,51.594c.225-.167,4.283-2.659,4.283-2.659-.278,1.552-.488,2.186-.08,3.239A3.77,3.77,0,0,0,150.3,53.82a3.07,3.07,0,0,0,1.456.584,4.323,4.323,0,0,0,.595-.051,4.7,4.7,0,0,1-2.263.285,2.557,2.557,0,0,1-1.389-.394,2.011,2.011,0,0,1,.282,1.933c-1.221,2.481.41,3.293.41,3.293a4.737,4.737,0,0,1-2.272-.869.507.507,0,0,1-.006.057,1.808,1.808,0,0,1-1.336,1.383s.612-.1.494-1.257c-.031-.308-.35-.429-.751-.636-.154,1.113-.659,2.25.385,2.714,0,0-1.764-.348-2.088-1.393a4.567,4.567,0,0,1-.118-.545,3.013,3.013,0,0,0-.086.292,3.768,3.768,0,0,0,.764,2.622s-3.661-.388-3.688-1.835a7.481,7.481,0,0,0-.16-1.436c-.113-.332-.335-1.992-.335-1.992S144.421,51.759,144.642,51.594Z" transform="translate(-121.771 -27.765)" fill="#4d1913"/>
+            <g id="Group_77" data-name="Group 77" transform="translate(0.354 1.516)">
+              <g id="Group_74" data-name="Group 74">
+                <g id="Group_73" data-name="Group 73">
+                  <path id="Path_362" data-name="Path 362" d="M127.416,18.731c-12.3,0-12.369,10.25-11.82,16.957-.844-1.588-3.34-1.1-3.136,1.406.2,2.415,3.723,3.662,3.673,3.38,1.009,5.521,6.795,8.71,11.283,8.71.029,0,.063,0,.093,0V18.734Z" transform="translate(-112.448 -18.731)" fill="#ccad8b"/>
+                </g>
+                <path id="Path_363" data-name="Path 363" d="M113.564,45a1.163,1.163,0,0,1,1.773-.337,1,1,0,0,1,.29,1.112c-.086.319-.427.345-.343.836a.868.868,0,0,0,.492.71,1.137,1.137,0,0,1,.416.451,1.216,1.216,0,0,1,.053.692c-.092.4-.671.08-1.06-.1a7.421,7.421,0,0,1-1.273-1.029A2.191,2.191,0,0,1,113.564,45Z" transform="translate(-112.765 -27.692)" fill="#bc9f82"/>
+              </g>
+              <g id="Group_76" data-name="Group 76" transform="translate(14.934)">
+                <g id="Group_75" data-name="Group 75">
+                  <path id="Path_364" data-name="Path 364" d="M135.471,18.731c12.3,0,12.367,10.25,11.823,16.957.841-1.588,3.337-1.1,3.133,1.406-.2,2.415-3.724,3.662-3.674,3.38-1.006,5.521-6.793,8.71-11.282,8.71-.03,0-.063,0-.093,0V18.734Z" transform="translate(-135.378 -18.731)" fill="#d9bf9f"/>
+                </g>
+                <path id="Path_365" data-name="Path 365" d="M155.827,45a1.165,1.165,0,0,0-1.775-.337,1.011,1.011,0,0,0-.287,1.112c.085.319.427.345.343.836a.856.856,0,0,1-.494.71,1.127,1.127,0,0,0-.413.451,1.212,1.212,0,0,0-.055.692c.1.4.674.08,1.061-.1a7.347,7.347,0,0,0,1.273-1.029A2.19,2.19,0,0,0,155.827,45Z" transform="translate(-141.565 -27.692)" fill="#bc9f82"/>
+              </g>
+            </g>
+            <g id="Group_78" data-name="Group 78" transform="translate(4.33 4.406)">
+              <path id="Path_366" data-name="Path 366" d="M129.439,23.172c-4.048,0-7.008,1.169-8.8,3.48-2.5,3.224-2.408,8.153-1.482,11.687.281,1.082.427,3.995.621,5.066.873,4.782,6.172,7.33,9.664,7.33.029,0,.063,0,.093,0V23.174Z" transform="translate(-118.554 -23.172)" fill="#dcc5a1"/>
+              <path id="Path_367" data-name="Path 367" d="M144.1,26.659c-1.781-2.3-4.707-3.466-8.689-3.484V50.733c3.986-.042,8.748-2.834,9.567-7.326.194-1.07.339-3.984.623-5.066C146.52,34.816,146.612,29.894,144.1,26.659Z" transform="translate(-124.433 -23.173)" fill="#edd9b4"/>
+            </g>
+            <path id="Path_368" data-name="Path 368" d="M141.281,27.886a3.141,3.141,0,0,0-.259-.5,20.721,20.721,0,0,0-2.7-7c-1.267-1.827-4.372-3.443-8.359-3.926s-7.464,2.327-7.464,2.327a4.384,4.384,0,0,0-1.145-1.183,4.831,4.831,0,0,0-2.046.051,3.669,3.669,0,0,1,1.231.557,1.094,1.094,0,0,1,.206.988,7.355,7.355,0,0,0-1.73-.531c-.968-.027-2.051,1.192-2.051,1.192a3.505,3.505,0,0,1,1.771-.611,4.774,4.774,0,0,1,1.069.381s-1.429.149-4.107,3.07a8.31,8.31,0,0,0-2.023,5.113l1.693-.968a4.422,4.422,0,0,0-.653,1.044,7.938,7.938,0,0,0,.461,6.192s.556.057,1.067,1.246a23.491,23.491,0,0,1,1.12,3.609h.595s-1.282-4.978-.419-7.686c.24-.747.884-2.277,1.783-2.33a3.223,3.223,0,0,0,.855-1.54,6.313,6.313,0,0,1,2.376-3.06.989.989,0,0,1,1.162.162,7.907,7.907,0,0,1,3.277-1.289c2.113-.377,3.275,1.879,3.738,3.062a2.624,2.624,0,0,1,.223,1.774,5.626,5.626,0,0,0,.794-2.9,3.644,3.644,0,0,0-.244-1.106c.274.139,1.478.474,1.722,3.578a3.132,3.132,0,0,1-1.215,2.473,4.411,4.411,0,0,0,2.354-5,6.444,6.444,0,0,1,1.456,2.31c.263,1.024,2.486,3.4,2.637,3.87.863,2.708-.417,7.686-.417,7.686h.595a23.286,23.286,0,0,1,1.12-3.609c.509-1.189,1.067-1.246,1.067-1.246A7.935,7.935,0,0,0,141.281,27.886Zm-10.076-4.424c-.016-.021-.029-.044-.044-.061l.049.048Z" transform="translate(-112.523 -16.401)" fill="#4d1913"/>
+          </g>
+          <g id="Group_82" data-name="Group 82" transform="translate(3.345 35.527)">
+            <path id="Path_369" data-name="Path 369" d="M140.968,82.518s-.1.038-.286.12H117.333l-.292-.12c0-.342.008-.683.015-1,.035-.746.1-1.454.187-2.1a13.987,13.987,0,0,1,.286-1.55c.042-.217.1-.429.154-.64.081-.285.163-.558.253-.827.072-.218.152-.429.236-.633a10.927,10.927,0,0,1,.789-1.6,8.757,8.757,0,0,1,1.711-2.1,7.8,7.8,0,0,1,1.441-1.045.056.056,0,0,0,.032-.016.028.028,0,0,1,.017-.009,5.905,5.905,0,0,0,.953,1.07c.552.543,1.351,1.257,2.368,2.1.066.049.139.116.212.173a4.933,4.933,0,0,0,6.619,0c.074-.057.147-.124.212-.173,1.025-.842,1.825-1.556,2.378-2.1a6.222,6.222,0,0,0,.952-1.07.008.008,0,0,1,.008.009.106.106,0,0,0,.042.016,7.73,7.73,0,0,1,1.441,1.045,8.93,8.93,0,0,1,1.71,2.1,10.3,10.3,0,0,1,.782,1.6c.081.2.163.415.236.633.1.269.179.542.261.827.057.211.1.422.154.64.114.487.2,1,.276,1.55.09.647.154,1.354.189,2.1C140.96,81.836,140.968,82.177,140.968,82.518Z" transform="translate(-117.041 -70.998)" fill="#fdfbf8"/>
+            <g id="Group_80" data-name="Group 80" transform="translate(1.92 1.07)">
+              <path id="Path_370" data-name="Path 370" d="M124.142,72.643c.552.543,1.351,1.257,2.368,2.1h-6.521a8.757,8.757,0,0,1,1.711-2.1Z" transform="translate(-119.989 -72.643)" fill="#a1556b"/>
+              <path id="Path_371" data-name="Path 371" d="M147.346,74.742h-6.53c1.025-.842,1.825-1.556,2.378-2.1h2.442A8.93,8.93,0,0,1,147.346,74.742Z" transform="translate(-127.252 -72.643)" fill="#a1556b"/>
+            </g>
+            <g id="Group_81" data-name="Group 81" transform="translate(9.262 5.872)">
+              <path id="Path_372" data-name="Path 372" d="M133.774,80.022a2.5,2.5,0,1,0,.579,4.928h0a2.513,2.513,0,0,0,1.741-1.482,2.492,2.492,0,0,0,.187-.948A2.5,2.5,0,0,0,133.774,80.022Z" transform="translate(-131.263 -80.022)" fill="#a1556b"/>
+              <path id="Path_373" data-name="Path 373" d="M135.624,83.354a1.234,1.234,0,0,0-1.019-.948h-.1a.269.269,0,0,0-.29.227v.017a1.323,1.323,0,0,1,.442.131h0c.025.01.053.022.08.036a1.305,1.305,0,0,1,.571.572,1.662,1.662,0,0,0-.709-.531,1.428,1.428,0,0,0-.229-.074c-.031-.007-.061-.016-.093-.02h-.008c-.112-.038-.112.063-.12.143,0,.058-.015.1-.068.088s-.076.02-.111.072l-.324.459a.529.529,0,0,0-.061.1c-.259.144-.118.23-.107.237h0c.016.011.053,0,.053,0a.4.4,0,0,1,.042.083.155.155,0,0,1,0,.042.031.031,0,0,1,0,.012.335.335,0,0,0,0,.25h0l.01.012,0,0,.012.01a.107.107,0,0,0,.025.016.106.106,0,0,0,.04.007.135.135,0,0,0,.084-.041h0c.05-.062.027-.166,0-.258a.031.031,0,0,1,0-.012.125.125,0,0,1,.068-.152.038.038,0,0,1,.046.008.062.062,0,0,1,.018.062l0,0a.147.147,0,0,0,0,.114h0s0,0,0,0l0,0s0,0,.006.006a.043.043,0,0,1,.011.005.047.047,0,0,0,.018,0,.056.056,0,0,0,.038-.02h0c.023-.027.011-.075,0-.117v0a.064.064,0,0,1,.013-.061l0,0h0s0,0,0,0v0l0,0s0,0,.008.007l.013,0a.045.045,0,0,0,.029-.013h0a.07.07,0,0,0,.006-.061.043.043,0,0,1,.017.047l0,0a.115.115,0,0,0,0,.083h0l0,0,0,0,0,0,.007.005h.014a.036.036,0,0,0,.027-.014h0c.019-.021.012-.055,0-.087l0,0a.053.053,0,0,1,.008-.038.036.036,0,0,1,.061.01.068.068,0,0,1,0,.034v.005c-.011.04-.023.084,0,.109h0l.005,0,0,0,0,0,.012.008a.053.053,0,0,0,.019,0,.047.047,0,0,0,.034-.019h0c.023-.025.014-.073,0-.113l0-.005a.058.058,0,0,1,.031-.067v0h0v0l.154-.014c.385-.029.665-.061.86-.088C135.657,83.586,135.626,83.374,135.624,83.354Zm-1.72.331c-.057.021-.115.012-.126-.021s.027-.074.086-.1.115-.01.126.02S133.963,83.664,133.9,83.685Zm.453-.757c.083.014.145.064.137.108s-.083.069-.163.055-.145-.062-.137-.107S134.274,82.914,134.358,82.927Zm.034.589c-.133.048-.262.029-.289-.044s.061-.169.194-.217.263-.027.288.044S134.525,83.469,134.391,83.516Zm.541.1c-.078.027-.154.017-.171-.027s.038-.1.116-.129.156-.016.173.028S135.013,83.584,134.933,83.612Z" transform="translate(-132.018 -80.855)" fill="#fff"/>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar4.svg

@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_63" data-name="Rectangle 63" width="57.89" height="57.842" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_100" data-name="Group 100" transform="translate(-177.778 0.009)">
+    <rect id="Rectangle_62" data-name="Rectangle 62" width="57.89" height="57.842" rx="28.921" transform="translate(177.778 0.132)" fill="#f8c657"/>
+    <g id="Group_99" data-name="Group 99" transform="translate(177.778 -0.009)">
+      <g id="Group_98" data-name="Group 98" clip-path="url(#clip-path)">
+        <g id="Group_88" data-name="Group 88" transform="translate(17.008 36.428)">
+          <g id="Group_87" data-name="Group 87">
+            <path id="Path_374" data-name="Path 374" d="M215.79,56.128V77.39H204.178c-.186-.081-.285-.121-.285-.121,0-11.4,7.109-12.256,7.109-12.256.529,0,.91-.5,1.2-1.322a7.789,7.789,0,0,0,.26-.964c.048-.21.09-.431.122-.665.066-.39.122-.8.163-1.232.023-.259.048-.519.072-.786.1-1.3.139-2.723.139-4.07C212.964,55.974,214.526,56.128,215.79,56.128Z" transform="translate(-203.893 -55.974)" fill="#dcc5a1"/>
+            <path id="Path_375" data-name="Path 375" d="M234.094,77.269s-.106.04-.278.121H222.16V56.128h.025c1.261,0,2.832-.154,2.832-.154,0,1.339.033,2.74.139,4.037.023.258.048.518.072.77.049.445.1.867.16,1.264v.008c.027.178.059.341.091.5a5.8,5.8,0,0,0,.572,1.728c.244.464.552.73.935.73C226.987,65.013,234.094,65.865,234.094,77.269Z" transform="translate(-210.263 -55.974)" fill="#edd9b4"/>
+          </g>
+          <path id="Path_376" data-name="Path 376" d="M223.68,64.213v.01a3.756,3.756,0,0,1-3.216,1.743h-.015a4.061,4.061,0,0,1-3.2-1.735c.064-.39.122-.8.163-1.234.023-.258.048-.518.072-.785a12.884,12.884,0,0,0,2.93.381h.035a12.046,12.046,0,0,0,2.995-.414c.023.259.049.519.072.771C223.566,63.395,223.615,63.818,223.68,64.213Z" transform="translate(-208.551 -58.142)" fill="#bc9f82" opacity="0.7"/>
+        </g>
+        <g id="Group_97" data-name="Group 97" transform="translate(13.972 9.033)">
+          <g id="Group_90" data-name="Group 90" transform="translate(3.053 33.956)">
+            <path id="Path_377" data-name="Path 377" d="M227.752,81.367s-.107.04-.279.122H204.206c-.187-.081-.286-.122-.286-.122,0-11.474,7.109-12.33,7.109-12.33.529,0,.91-.507,1.2-1.329l3.583.284,3.892.312c.244.465.552.734.935.734C220.644,69.037,227.752,69.893,227.752,81.367Z" transform="translate(-203.92 -66.634)" fill="#5a4f51"/>
+            <g id="Group_89" data-name="Group 89" transform="translate(7.465)">
+              <path id="Path_378" data-name="Path 378" d="M226.29,68.008s-.455-1.951-.789-1.951a38.527,38.527,0,0,0-3.566,1.5L222.96,69.7Z" transform="translate(-217.668 -66.057)" fill="#14150c"/>
+              <path id="Path_379" data-name="Path 379" d="M215.383,68.008s.455-1.951.789-1.951a38.6,38.6,0,0,1,3.568,1.5L218.715,69.7Z" transform="translate(-215.383 -66.057)" fill="#14150c"/>
+            </g>
+            <path id="Path_380" data-name="Path 380" d="M227.135,73.5a8.889,8.889,0,0,0-4.073-3.138l-6.646,10.048-.071.111-.074-.111-6.646-10.048a8.889,8.889,0,0,0-4.073,3.138,4.651,4.651,0,0,1,1.059,1.926,16.262,16.262,0,0,1,.187,6.948H225.89a16.262,16.262,0,0,1,.187-6.948A4.666,4.666,0,0,1,227.135,73.5Z" transform="translate(-204.489 -67.56)" fill="#010400"/>
+          </g>
+          <g id="Group_96" data-name="Group 96">
+            <g id="Group_92" data-name="Group 92" transform="translate(0 3.164)">
+              <g id="Group_91" data-name="Group 91">
+                <path id="Path_381" data-name="Path 381" d="M214.2,18.736c-12.3,0-12.371,10.251-11.822,16.958-.842-1.59-3.337-1.1-3.134,1.406.2,2.413,3.721,3.66,3.673,3.38,1.008,5.521,6.8,8.71,11.283,8.71.029,0,.061-.006.092-.006V18.738Z" transform="translate(-199.232 -18.736)" fill="#ccad8b"/>
+              </g>
+              <path id="Path_382" data-name="Path 382" d="M200.345,45a1.169,1.169,0,0,1,1.778-.339,1.012,1.012,0,0,1,.286,1.113c-.084.319-.425.346-.341.836a.867.867,0,0,0,.492.71,1.136,1.136,0,0,1,.413.451,1.176,1.176,0,0,1,.055.691c-.093.4-.672.081-1.061-.1a7.3,7.3,0,0,1-1.271-1.027A2.191,2.191,0,0,1,200.345,45Z" transform="translate(-199.549 -27.697)" fill="#bc9f82"/>
+            </g>
+            <g id="Group_94" data-name="Group 94" transform="translate(14.934 3.164)">
+              <g id="Group_93" data-name="Group 93">
+                <path id="Path_383" data-name="Path 383" d="M222.256,18.736c12.3,0,12.369,10.251,11.82,16.958.844-1.59,3.342-1.1,3.134,1.406-.2,2.413-3.723,3.66-3.671,3.38-1.009,5.521-6.8,8.71-11.283,8.71-.031,0-.063-.006-.093-.006V18.738Z" transform="translate(-222.163 -18.736)" fill="#d9bf9f"/>
+              </g>
+              <path id="Path_384" data-name="Path 384" d="M242.612,45a1.166,1.166,0,0,0-1.775-.339,1.011,1.011,0,0,0-.288,1.113c.084.319.427.346.343.836a.862.862,0,0,1-.493.71,1.124,1.124,0,0,0-.414.451,1.208,1.208,0,0,0-.055.691c.094.4.673.081,1.062-.1a7.309,7.309,0,0,0,1.272-1.027A2.195,2.195,0,0,0,242.612,45Z" transform="translate(-228.349 -27.697)" fill="#bc9f82"/>
+            </g>
+            <g id="Group_95" data-name="Group 95" transform="translate(3.978 6.054)">
+              <path id="Path_385" data-name="Path 385" d="M216.221,23.178c-4.046,0-7.006,1.169-8.8,3.48-2.5,3.224-2.406,8.151-1.484,11.689.282,1.08.427,3.994.621,5.064.874,4.782,6.174,7.331,9.663,7.331.031,0,.063-.006.094-.006V23.181Z" transform="translate(-205.34 -23.178)" fill="#dcc5a1"/>
+              <path id="Path_386" data-name="Path 386" d="M230.88,26.662c-1.779-2.294-4.707-3.462-8.689-3.48V50.738c3.985-.042,8.75-2.833,9.57-7.325.193-1.07.335-3.984.619-5.064C233.3,34.821,233.394,29.9,230.88,26.662Z" transform="translate(-211.217 -23.179)" fill="#edd9b4"/>
+            </g>
+            <path id="Path_387" data-name="Path 387" d="M222.279,57.655a1.049,1.049,0,0,0-.533.152,3.144,3.144,0,0,1,1.122,2.691,4.365,4.365,0,0,1-.28,1.57c-.036.02-.074.038-.112.057-.339-.726-1.663-1.271-3.247-1.271s-2.918.549-3.25,1.283l-.1-.051a4.359,4.359,0,0,1-.288-1.587,3.152,3.152,0,0,1,1.124-2.691,1.045,1.045,0,0,0-.533-.152c-.914,0-1.654,1.273-1.654,2.843a4,4,0,0,0,.537,2.1,3.857,3.857,0,0,0,2.793,1.394,6.274,6.274,0,0,0,1.372.149,6.411,6.411,0,0,0,1.458-.167,5.2,5.2,0,0,0,2.143-.793,3.172,3.172,0,0,0,1.1-2.678C223.931,58.928,223.192,57.655,222.279,57.655Z" transform="translate(-204.566 -29.166)" fill="#f8f7e0"/>
+            <path id="Path_388" data-name="Path 388" d="M224.927,17.864c-2.9-2.035-7.265-4.164-9.908-3.9-6.5-.639-8.414,2.4-9.912,3.449-4.736,3.323-3.144,15.226-3.144,15.226a1.487,1.487,0,0,1,1.206.249,3.86,3.86,0,0,1,1.122,1.95,1.64,1.64,0,0,0,.846,1.015S204,31.113,205.168,29a10.5,10.5,0,0,1,2.176-3.089,5.408,5.408,0,0,0,.445,2.1c.73,1.765,3.727,2.842,3.727,2.842s-2.206-1.217-1.334-2.7c.528-.9,3.591-1.711,5.391-1.851,2.617-.2,3.835-1.113,4.34-2.031a5.6,5.6,0,0,1,1.44.616,9.233,9.233,0,0,1,3.513,4.1c1.166,2.108.033,6.845.033,6.845a1.637,1.637,0,0,0,.843-1.015,3.864,3.864,0,0,1,1.124-1.95,1.482,1.482,0,0,1,1.2-.249S229.665,21.187,224.927,17.864Z" transform="translate(-200.095 -13.874)" fill="#f8f7e0"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar5.svg

@@ -0,0 +1,63 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_65" data-name="Rectangle 65" width="57.89" height="57.842" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_118" data-name="Group 118" transform="translate(-266.667 0.009)">
+    <rect id="Rectangle_64" data-name="Rectangle 64" width="57.89" height="57.842" rx="28.921" transform="translate(266.667 0.132)" fill="#dba81f"/>
+    <g id="Group_117" data-name="Group 117" transform="translate(266.667 -0.009)">
+      <g id="Group_116" data-name="Group 116" clip-path="url(#clip-path)">
+        <g id="Group_115" data-name="Group 115" transform="translate(12.424 1.781)">
+          <g id="Group_102" data-name="Group 102" transform="translate(4.727 35.354)">
+            <g id="Group_101" data-name="Group 101">
+              <path id="Path_389" data-name="Path 389" d="M304.507,57.209V77.773h-11.23c-.181-.079-.275-.117-.275-.117,0-11.032,6.873-11.855,6.873-11.855h.057a.905.905,0,0,0,.147-.031c.568-.157.955-.987,1.213-2.179.05-.2.086-.416.119-.643.064-.377.118-.775.158-1.191.025-.25.048-.5.07-.761.1-1.264.134-2.635.134-3.935C301.773,57.06,303.285,57.209,304.507,57.209Z" transform="translate(-293.002 -57.06)" fill="#dcc5a1"/>
+              <path id="Path_390" data-name="Path 390" d="M322.211,77.656s-.1.038-.268.117H310.667V57.209h.023c1.221,0,2.741-.149,2.741-.149,0,1.292.033,2.65.133,3.9.023.253.048.5.07.746.048.431.1.839.158,1.222v.008c.023.173.053.33.086.487a3.447,3.447,0,0,0,1.088,2.281.686.686,0,0,0,.118.048.671.671,0,0,0,.251.046S322.211,66.624,322.211,77.656Z" transform="translate(-299.162 -57.06)" fill="#edd9b4"/>
+            </g>
+            <path id="Path_391" data-name="Path 391" d="M312.134,65.032v.007a3.632,3.632,0,0,1-3.111,1.688h-.015a3.913,3.913,0,0,1-3.093-1.681c.061-.376.116-.775.156-1.19.023-.251.048-.5.07-.76a12.468,12.468,0,0,0,2.834.369h.033a11.759,11.759,0,0,0,2.9-.4c.023.251.048.5.07.743C312.023,64.239,312.071,64.647,312.134,65.032Z" transform="translate(-297.505 -59.157)" fill="#bc9f82" opacity="0.7"/>
+          </g>
+          <g id="Group_104" data-name="Group 104" transform="translate(4.348 41.851)">
+            <path id="Path_392" data-name="Path 392" d="M316.095,84.782a1.872,1.872,0,0,0-.268.117h-22.5a2.612,2.612,0,0,0-.276-.117A17.7,17.7,0,0,1,294,78.637c2.528-1.723,7.742-1.7,10.554,1.077,0,0,4.345-3.539,8.763-1.677a6.49,6.49,0,0,1,2.1,1.4A18.976,18.976,0,0,1,316.095,84.782Z" transform="translate(-292.638 -70.683)" fill="#5a4f51"/>
+            <g id="Group_103" data-name="Group 103">
+              <path id="Path_393" data-name="Path 393" d="M300.547,67.243c0,.277,1.506.038.981,4.076s-5.05,3.377-6.347,5.535a6.892,6.892,0,0,0-.84,4.468H292.42l.408-1.38a5.233,5.233,0,0,1,.32-3.47c.842-1.741-.02-2.771.084-3.5a4.7,4.7,0,0,1,2.3-2.766,15.919,15.919,0,0,1,2.322-.443c1.331-.313,2.832-1.061,2.832-1.9S300.547,67.243,300.547,67.243Z" transform="translate(-292.42 -67.105)" fill="#895a59"/>
+              <path id="Path_394" data-name="Path 394" d="M315.868,67.07c0,.277-1.507.038-.981,4.075s5.051,3.377,6.346,5.536a6.973,6.973,0,0,1,.785,4.58H323.9l-.227-1.461a5.688,5.688,0,0,0-.406-3.5c-.842-1.743.017-2.77-.084-3.5a4.7,4.7,0,0,0-2.3-2.765c-1.054-.384-1.029-.04-2.363-.356s-2.8-1.15-2.8-1.985S315.868,67.07,315.868,67.07Z" transform="translate(-300.216 -67.045)" fill="#895a59"/>
+            </g>
+          </g>
+          <g id="Group_114" data-name="Group 114">
+            <g id="Group_106" data-name="Group 106" transform="translate(1.957 13.405)">
+              <g id="Group_105" data-name="Group 105">
+                <path id="Path_395" data-name="Path 395" d="M303.014,23.328c-11.721-.022-11.788,9.353-11.266,15.47-.806-1.435-3.181-.9-2.987,1.4.186,2.2,3.547,3.2,3.5,2.956.959,4.981,6.483,7.748,10.754,8.141.027,0,.061,0,.09,0V23.329Z" transform="translate(-288.75 -23.328)" fill="#ccad8b"/>
+              </g>
+              <path id="Path_396" data-name="Path 396" d="M289.565,47.452a1.161,1.161,0,0,1,1.716-.31.892.892,0,0,1,.278,1.019c-.081.3-.412.321-.329.768a.812.812,0,0,0,.475.653,1.068,1.068,0,0,1,.4.415,1.046,1.046,0,0,1,.049.634c-.09.364-.65.075-1.025-.087a7.121,7.121,0,0,1-1.23-.946A1.931,1.931,0,0,1,289.565,47.452Z" transform="translate(-288.965 -31.558)" fill="#bc9f82"/>
+            </g>
+            <g id="Group_108" data-name="Group 108" transform="translate(16.19 13.405)">
+              <g id="Group_107" data-name="Group 107">
+                <path id="Path_397" data-name="Path 397" d="M310.692,23.328c11.719-.022,11.788,9.353,11.266,15.47.8-1.435,3.181-.9,2.985,1.4-.187,2.2-3.545,3.2-3.5,2.956-.962,4.981-6.485,7.748-10.756,8.141-.031,0-.061,0-.089,0V23.329Z" transform="translate(-310.603 -23.328)" fill="#d9bf9f"/>
+              </g>
+              <path id="Path_398" data-name="Path 398" d="M330.445,47.452a1.164,1.164,0,0,0-1.719-.31.9.9,0,0,0-.278,1.019c.084.3.412.321.331.768a.806.806,0,0,1-.476.653c-.137.113-.315.2-.4.415a1.067,1.067,0,0,0-.053.634c.091.364.651.075,1.024-.087a7.029,7.029,0,0,0,1.231-.946A1.934,1.934,0,0,0,330.445,47.452Z" transform="translate(-316.609 -31.558)" fill="#bc9f82"/>
+            </g>
+            <g id="Group_109" data-name="Group 109" transform="translate(5.633 16.059)">
+              <path id="Path_399" data-name="Path 399" d="M304.92,27.407c-3.915,0-6.78,1.074-8.513,3.195-2.419,2.962-2.328,7.487-1.435,10.735.272.994.414,3.669.6,4.651.845,4.394,5.972,6.732,9.348,6.732l.089,0V27.41C304.978,27.41,304.95,27.407,304.92,27.407Z" transform="translate(-294.393 -27.407)" fill="#dcc5a1"/>
+              <path id="Path_400" data-name="Path 400" d="M319.1,30.608c-1.723-2.106-4.553-3.181-8.405-3.2V52.719c3.856-.039,8.462-2.6,9.254-6.729.189-.982.328-3.658.6-4.651C321.441,38.1,321.529,33.58,319.1,30.608Z" transform="translate(-300.078 -27.409)" fill="#edd9b4"/>
+            </g>
+            <g id="Group_110" data-name="Group 110" transform="translate(14.271 36.967)">
+              <path id="Path_401" data-name="Path 401" d="M311.631,60.141a3.12,3.12,0,0,1-1.974.942,2.95,2.95,0,0,1-1.924-.921,12.74,12.74,0,0,1,1.924-.142A16.23,16.23,0,0,1,311.631,60.141Z" transform="translate(-307.684 -59.707)" fill="#b47070"/>
+              <path id="Path_402" data-name="Path 402" d="M310.19,59.539a.58.58,0,0,1-1.118,0,7.864,7.864,0,0,0-1.416.434s1.078.115,1.389.115.579.121.584-.108c0,.23.229.141.533.141s1.441-.147,1.441-.147A7.887,7.887,0,0,0,310.19,59.539Z" transform="translate(-307.657 -59.539)" fill="#c17874"/>
+            </g>
+            <g id="Group_113" data-name="Group 113">
+              <g id="Group_111" data-name="Group 111">
+                <path id="Path_403" data-name="Path 403" d="M317.126,11.624c-.19-.529.774,3.695-1.788,4.386a8.085,8.085,0,0,0-1.241.441,4.643,4.643,0,0,1,.126-2.4,4.061,4.061,0,0,0-.308-3.351,3.407,3.407,0,0,0-1.947-1.417,2.054,2.054,0,0,1,.926,2.443c-.366,1.094-1.056,1.573-1.437,2.5a6.125,6.125,0,0,0-.35,1.157,1.753,1.753,0,0,0-.24-1.06c-.444-.672-1.84-1.78-1.531-3.136.867-3.8-.93-4.846-1.187-5.31a3.973,3.973,0,0,1,.071,2.631,2.743,2.743,0,0,1-1.49,1.4,2.264,2.264,0,0,1-.457-1.784c.867-3.8-.929-4.845-1.185-5.311a4,4,0,0,1,.064,2.633c-.636,1.407-1.787,1.241-2.756,2.255a5.307,5.307,0,0,0-.574.717,5.378,5.378,0,0,0-.575-.717c-.968-1.014-2.119-.845-2.757-2.255a3.976,3.976,0,0,1,.07-2.632c-.259.466-2.055,1.508-1.187,5.31a2.256,2.256,0,0,1-.459,1.784,2.722,2.722,0,0,1-1.486-1.4,3.991,3.991,0,0,1,.065-2.631c-.253.464-2.053,1.507-1.185,5.308.31,1.357-1.086,2.467-1.534,3.138a1.794,1.794,0,0,0-.238,1.061,6.134,6.134,0,0,0-.35-1.158c-.379-.924-1.071-1.4-1.436-2.5a2.055,2.055,0,0,1,.925-2.443,3.4,3.4,0,0,0-1.947,1.419,4.077,4.077,0,0,0-.309,3.349,4.639,4.639,0,0,1,.126,2.4,7.947,7.947,0,0,0-1.24-.442c-2.559-.69-1.595-4.915-1.789-4.384s-1.261,3.12-.507,5.25c.4,1.124.7,1.528,2.354,3.093s.958.761,1.848,2.355c.88,1.574.025,2.568,0,4.511,0,.008,0,.016,0,.025s0,.008,0,.012,0,.025,0,.036h0c.084,2.035,5.262,3.675,11.644,3.675,6.431,0,11.647-1.666,11.647-3.724a1.306,1.306,0,0,0-.1-.477c-.129-1.653-.787-2.61.023-4.06.892-1.592.191-.787,1.846-2.354s1.96-1.968,2.358-3.092C318.389,14.743,317.317,12.156,317.126,11.624Z" transform="translate(-285.744 -2.728)" fill="#5a4f51"/>
+                <path id="Path_404" data-name="Path 404" d="M305.184,42.481a3.817,3.817,0,0,1-3.467,3.208,3.128,3.128,0,0,1-3.21-2.73c0-1.45,0-2.677,1.57-3.093C302.813,39.145,305.184,41.029,305.184,42.481Z" transform="translate(-290.195 -15.644)" fill="#5a4f51"/>
+                <path id="Path_405" data-name="Path 405" d="M312.639,42.6a3.816,3.816,0,0,0,3.465,3.209,3.131,3.131,0,0,0,3.212-2.729c0-1.452,0-2.678-1.572-3.095C315.01,39.268,312.639,41.151,312.639,42.6Z" transform="translate(-295.123 -15.687)" fill="#5a4f51"/>
+              </g>
+              <g id="Group_112" data-name="Group 112" transform="translate(9.372 25.251)">
+                <path id="Path_406" data-name="Path 406" d="M304.582,43.379a2.542,2.542,0,0,1-2.309,2.138,2.084,2.084,0,0,1-2.139-1.819c0-.966,0-1.784,1.048-2.059C303,41.159,304.582,42.414,304.582,43.379Z" transform="translate(-300.134 -41.533)" fill="#b9c98e"/>
+                <path id="Path_407" data-name="Path 407" d="M314.309,43.6a2.54,2.54,0,0,0,2.309,2.138,2.084,2.084,0,0,0,2.137-1.818c0-.966,0-1.785-1.046-2.06C315.89,41.376,314.309,42.629,314.309,43.6Z" transform="translate(-305.077 -41.609)" fill="#b9c98e"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar6.svg

@@ -0,0 +1,66 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_67" data-name="Rectangle 67" width="57.89" height="57.841" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_136" data-name="Group 136" transform="translate(-355.556 0.009)">
+    <rect id="Rectangle_66" data-name="Rectangle 66" width="57.89" height="57.841" rx="28.921" transform="translate(355.556 0.132)" fill="#e2efe5"/>
+    <g id="Group_135" data-name="Group 135" transform="translate(355.556 -0.009)">
+      <g id="Group_134" data-name="Group 134" clip-path="url(#clip-path)">
+        <g id="Group_133" data-name="Group 133" transform="translate(11.6 5.588)">
+          <g id="Group_119" data-name="Group 119" transform="translate(0 20.1)">
+            <path id="Path_408" data-name="Path 408" d="M384.579,43.876a2.336,2.336,0,0,0-1.615-.9,9.008,9.008,0,0,0-1-2.459c-1.36-1.85-4.774-.4-4.774-.4,0,2.179.762,3.268,0,5.015a5.4,5.4,0,0,1-1.577,2.577c-1.417,1.711-1.676,2.153-2.016,3.382-.645,2.332.271,5.163.434,5.746s-.659-4.042,1.528-4.8a6.014,6.014,0,0,0,1.059-.483,6.423,6.423,0,0,1-.106,2.629,5.564,5.564,0,0,0,.262,3.664,2.987,2.987,0,0,0,1.663,1.551,2.479,2.479,0,0,1-.789-2.674c.311-1.2.9-1.722,1.227-2.734a8.668,8.668,0,0,0,.3-1.265,2.358,2.358,0,0,0,.2,1.16c.379.737,1.573,1.948,1.308,3.432-.74,4.161.8,5.3,1.014,5.811a5.494,5.494,0,0,1-.057-2.88,2.664,2.664,0,0,1,1.273-1.529,3.019,3.019,0,0,1,.388,1.953c-.741,4.16.8,5.3,1.014,5.811a5.491,5.491,0,0,1-.057-2.879c.545-1.542,1.528-1.36,2.356-2.469a6.544,6.544,0,0,0,.893-5.942C387.4,54.866,385.942,45.728,384.579,43.876Z" transform="translate(-373.368 -39.508)" fill="#5a4f51"/>
+            <path id="Path_409" data-name="Path 409" d="M418.908,50.986c-.339-1.229-.6-1.672-2.012-3.382a5.361,5.361,0,0,1-1.579-2.579c-.763-1.745,0-2.834,0-5.016,0,0-3.416-1.449-4.776.4a9.151,9.151,0,0,0-1,2.46,2.338,2.338,0,0,0-1.616.9c-1.36,1.848-2.817,10.988-2.929,11.322a6.548,6.548,0,0,0,.895,5.941c.829,1.109,1.81.926,2.357,2.47a5.479,5.479,0,0,1-.059,2.878c.219-.509,1.754-1.65,1.013-5.811a3,3,0,0,1,.393-1.953,2.677,2.677,0,0,1,1.269,1.529,5.47,5.47,0,0,1-.057,2.879c.217-.508,1.756-1.648,1.015-5.808-.266-1.486.928-2.7,1.309-3.434a2.417,2.417,0,0,0,.2-1.16,8.159,8.159,0,0,0,.3,1.268c.324,1.011.914,1.533,1.227,2.732a2.486,2.486,0,0,1-.791,2.676,2.986,2.986,0,0,0,1.663-1.554,5.562,5.562,0,0,0,.263-3.664,6.547,6.547,0,0,1-.107-2.626,6.02,6.02,0,0,0,1.061.482c2.185.757,1.362,5.378,1.528,4.8S419.554,53.317,418.908,50.986Z" transform="translate(-384.277 -39.469)" fill="#5a4f51"/>
+          </g>
+          <g id="Group_121" data-name="Group 121" transform="translate(5.588 31.401)">
+            <g id="Group_120" data-name="Group 120">
+              <path id="Path_410" data-name="Path 410" d="M393.572,56.986v20.78H382.227l-.279-.118c0-11.146,6.944-11.98,6.944-11.98.7,0,1.14-.886,1.435-2.233.048-.208.088-.422.118-.649.065-.381.122-.785.16-1.2.025-.254.048-.508.07-.768.09-1.039.12-2.157.128-3.241.008-.246.008-.492.008-.737C390.81,56.836,392.338,56.986,393.572,56.986Z" transform="translate(-381.948 -56.836)" fill="#dcc5a1"/>
+              <path id="Path_411" data-name="Path 411" d="M411.464,77.648s-.1.04-.271.118H399.8V56.986h.023c1.235,0,2.77-.15,2.77-.15,0,.286,0,.57.008.857.008,1.035.049,2.1.128,3.088.023.254.048.508.07.754.049.435.1.849.16,1.234v.01c.023.173.055.332.088.49.293,1.435.754,2.4,1.471,2.4C404.514,65.668,411.464,66.5,411.464,77.648Z" transform="translate(-388.173 -56.836)" fill="#edd9b4"/>
+            </g>
+            <path id="Path_412" data-name="Path 412" d="M401.283,65.448v.01a3.665,3.665,0,0,1-3.141,1.7h-.018a3.951,3.951,0,0,1-3.124-1.7c.063-.379.119-.783.156-1.2.025-.252.049-.506.072-.767a12.553,12.553,0,0,0,2.866.372h.03a11.794,11.794,0,0,0,2.93-.4c.023.254.048.508.07.754C401.172,64.649,401.22,65.062,401.283,65.448Z" transform="translate(-386.5 -59.15)" fill="#bc9f82" opacity="0.7"/>
+          </g>
+          <g id="Group_123" data-name="Group 123" transform="translate(5.589 38.184)">
+            <path id="Path_413" data-name="Path 413" d="M405.24,81.674s-.1.04-.27.118H382.228l-.278-.118c0-10.885,6.618-11.929,6.936-11.98h.008c.528,0,.908-.506,1.187-1.331a1.228,1.228,0,0,0,.5.429,6.559,6.559,0,0,0,3.021.435,6.147,6.147,0,0,0,3.406-.7.473.473,0,0,0,.1-.16c.27.793.636,1.292,1.124,1.331h.061S405.24,70.528,405.24,81.674Z" transform="translate(-381.95 -67.646)" fill="#895a59"/>
+            <path id="Path_414" data-name="Path 414" d="M401.763,70.482a6.9,6.9,0,0,1-4.812,1.325,7.745,7.745,0,0,1-4.225-.9c-.819-.4-1.4-.721-.8-1.243a3.484,3.484,0,0,0,.356-.359h.008a5.417,5.417,0,0,0,.463-.7c.311-.453-.557-.712-.023-1.06a1.417,1.417,0,0,1,.944-.279c-.2.713.1,1.038.3,1.142a6.559,6.559,0,0,0,3.021.435,6.23,6.23,0,0,0,3.136-.618c.339-.185.249-.556.242-.714a.75.75,0,0,1-.051-.146s1.019.061.931.559a1.975,1.975,0,0,0,.376,1.386c.046.063.086.129.134.185C402.123,69.96,402.664,69.849,401.763,70.482Z" transform="translate(-385.342 -67.26)" fill="#403836"/>
+            <g id="Group_122" data-name="Group 122" transform="translate(2.84 6.581)">
+              <path id="Path_415" data-name="Path 415" d="M388.891,78.855l-.859-1.481-.861,1.481-.859,1.481.859,1.482.861,1.483.859-1.483.859-1.482Z" transform="translate(-386.311 -77.374)" fill="#5a4f51"/>
+              <path id="Path_416" data-name="Path 416" d="M394.17,78.855l-.861-1.481-.859,1.481-.859,1.481.859,1.482.859,1.483.861-1.483.859-1.482Z" transform="translate(-388.153 -77.374)" fill="#5a4f51"/>
+              <path id="Path_417" data-name="Path 417" d="M399.448,78.855l-.857-1.481-.861,1.481-.859,1.481.859,1.482.861,1.483.857-1.483.861-1.482Z" transform="translate(-389.994 -77.374)" fill="#5a4f51"/>
+              <path id="Path_418" data-name="Path 418" d="M404.73,78.855l-.861-1.481-.859,1.481-.859,1.481.859,1.482.859,1.483.861-1.483.857-1.482Z" transform="translate(-391.835 -77.374)" fill="#5a4f51"/>
+              <path id="Path_419" data-name="Path 419" d="M410.007,78.855l-.859-1.481-.859,1.481-.861,1.481.861,1.482.859,1.483.859-1.483.861-1.482Z" transform="translate(-393.675 -77.374)" fill="#5a4f51"/>
+            </g>
+          </g>
+          <g id="Group_132" data-name="Group 132" transform="translate(2.619)">
+            <g id="Group_130" data-name="Group 130" transform="translate(0 7.719)">
+              <g id="Group_128" data-name="Group 128">
+                <g id="Group_125" data-name="Group 125">
+                  <g id="Group_124" data-name="Group 124">
+                    <path id="Path_420" data-name="Path 420" d="M392.017,20.441c-12.02,0-12.089,10.018-11.554,16.575-.824-1.554-3.261-1.075-3.063,1.373.192,2.358,3.639,3.578,3.589,3.3.987,5.4,6.642,8.513,11.028,8.513.029,0,.061-.005.092-.005V20.441Z" transform="translate(-377.389 -20.441)" fill="#ccad8b"/>
+                  </g>
+                  <path id="Path_421" data-name="Path 421" d="M378.478,46.112a1.139,1.139,0,0,1,1.735-.329.983.983,0,0,1,.282,1.086c-.083.314-.417.339-.333.817a.843.843,0,0,0,.479.694,1.122,1.122,0,0,1,.4.442,1.167,1.167,0,0,1,.053.675c-.091.386-.657.079-1.036-.094A7.15,7.15,0,0,1,378.82,48.4,2.139,2.139,0,0,1,378.478,46.112Z" transform="translate(-377.698 -29.199)" fill="#bc9f82"/>
+                </g>
+                <g id="Group_127" data-name="Group 127" transform="translate(14.594)">
+                  <g id="Group_126" data-name="Group 126">
+                    <path id="Path_422" data-name="Path 422" d="M399.891,20.441c12.018,0,12.087,10.018,11.553,16.575.823-1.554,3.263-1.075,3.064,1.373-.194,2.358-3.639,3.578-3.593,3.3-.983,5.4-6.639,8.513-11.024,8.513-.031,0-.063-.005-.094-.005V20.441Z" transform="translate(-399.797 -20.441)" fill="#d9bf9f"/>
+                  </g>
+                  <path id="Path_423" data-name="Path 423" d="M419.785,46.112a1.138,1.138,0,0,0-1.734-.329.987.987,0,0,0-.282,1.086c.084.314.415.339.335.817a.845.845,0,0,1-.482.694,1.13,1.13,0,0,0-.406.442,1.2,1.2,0,0,0-.053.675c.092.386.658.079,1.037-.094a7.043,7.043,0,0,0,1.244-1.006A2.142,2.142,0,0,0,419.785,46.112Z" transform="translate(-405.844 -29.199)" fill="#bc9f82"/>
+                </g>
+              </g>
+              <g id="Group_129" data-name="Group 129" transform="translate(3.887 2.824)">
+                <path id="Path_424" data-name="Path 424" d="M394,24.781c-3.956,0-6.851,1.143-8.6,3.4-2.445,3.153-2.354,7.967-1.452,11.425.277,1.057.417,3.9.61,4.949.852,4.675,6.031,7.165,9.445,7.165.027,0,.061-.005.089-.005V24.783Z" transform="translate(-383.357 -24.781)" fill="#dcc5a1"/>
+                <path id="Path_425" data-name="Path 425" d="M408.32,28.189c-1.738-2.242-4.6-3.386-8.491-3.4V51.717c3.9-.04,8.552-2.769,9.352-7.16.19-1.046.331-3.891.608-4.949C410.688,36.159,410.777,31.351,408.32,28.189Z" transform="translate(-389.101 -24.782)" fill="#edd9b4"/>
+              </g>
+            </g>
+            <g id="Group_131" data-name="Group 131" transform="translate(0.801)">
+              <path id="Path_426" data-name="Path 426" d="M392.928,16.213c-1.314-1.6-2.191-4.033,0-5.8a7.733,7.733,0,0,1,5.082-1.835c.9,0,3.532.256,4.263,1.835s2.776,2.6.951,4.054-1.179,2.471-5.447,2.471S392.928,16.213,392.928,16.213Z" transform="translate(-383.144 -8.579)" fill="#5a4f51"/>
+              <path id="Path_427" data-name="Path 427" d="M380.4,27.591c.152-1.816-1.814-1.016.529-3.705s3.932-4.217,5.745-4.8,4.008-2.034,7.333-1.745,5.141-.871,6.883,1.6,2.343,2.692,3.023,5.453,2.947,4.89.3,4.551S380.4,27.591,380.4,27.591Z" transform="translate(-379.02 -11.627)" fill="#895a59"/>
+              <path id="Path_428" data-name="Path 428" d="M404.045,30.193c-.819-.3-2.86-.935-4.635-1.558a4.09,4.09,0,0,0-.72-.277c-2.685-.758-2.814-1.987-6.694-1.7s-8.952,2.765-10.965,3.491-2.537,2.617-2.389,4.724a13.436,13.436,0,0,0,.672,3.49c2.536-1.672,5.15-3.708,8.059-4a21.125,21.125,0,0,1,7.088,0c2.817.506,4.429.115,7.079,1.358,1.454.779,2.849,1.776,4.222,2.682a13.491,13.491,0,0,0,.67-3.49C406.581,32.81,406.061,30.92,404.045,30.193Z" transform="translate(-378.619 -14.88)" fill="#5a4f51"/>
+            </g>
+            <path id="Path_429" data-name="Path 429" d="M403.063,58.88c-.181-.637-.888-.443-2.187-.891a17.788,17.788,0,0,0-4.791-.694h-.015a17.785,17.785,0,0,0-4.789.694c-1.3.448-2.006.254-2.187.891a5.462,5.462,0,0,0,.3,2.137,9.222,9.222,0,0,0,3.393,2.354,13.984,13.984,0,0,0,6.589,0,9.222,9.222,0,0,0,3.393-2.354A5.46,5.46,0,0,0,403.063,58.88Zm-2.45.309a8.962,8.962,0,0,1-2.393,1.489,2.411,2.411,0,0,1-1.185.163c-.263,0-.552-.006-.886-.013l-.074,0-.076,0c-.332.007-.625.013-.888.013a2.409,2.409,0,0,1-1.183-.163,8.225,8.225,0,0,1-2.421-1.539,3.245,3.245,0,0,1,.7-.318,15.185,15.185,0,0,1,3.867-.539h.082a15.244,15.244,0,0,1,3.792.539,3.456,3.456,0,0,1,.69.313A.355.355,0,0,1,400.613,59.189Z" transform="translate(-381.462 -25.595)" fill="#5a4f51"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar7.svg

@@ -0,0 +1,58 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_69" data-name="Rectangle 69" width="57.89" height="57.841" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_153" data-name="Group 153" transform="translate(-444.444 0.009)">
+    <rect id="Rectangle_68" data-name="Rectangle 68" width="57.89" height="57.841" rx="28.921" transform="translate(444.444 0.132)" fill="#ea7e7d"/>
+    <g id="Group_152" data-name="Group 152" transform="translate(444.444 -0.009)">
+      <g id="Group_151" data-name="Group 151" clip-path="url(#clip-path)">
+        <g id="Group_150" data-name="Group 150" transform="translate(13.428 6.757)">
+          <g id="Group_140" data-name="Group 140" transform="translate(3.127 29.478)">
+            <g id="Group_139" data-name="Group 139">
+              <path id="Path_430" data-name="Path 430" d="M492.739,69.877c0,1.842-3.783,3.332-8.45,3.332s-8.451-1.49-8.451-3.332,3.783-3.333,8.451-3.333S492.739,68.037,492.739,69.877Z" transform="translate(-471.948 -59.473)" fill="#5a4f51"/>
+              <g id="Group_138" data-name="Group 138">
+                <g id="Group_137" data-name="Group 137">
+                  <path id="Path_431" data-name="Path 431" d="M482.1,55.836V77.294H470.158l-.293-.125c0-11.735,7.315-12.191,7.315-12.191.549,0,.961-.543,1.254-1.428q.137-.413.251-.925c.049-.216.093-.441.126-.683.068-.4.126-.826.168-1.269.026-.268.049-.534.076-.809.109-1.341.141-2.8.141-4.187C479.2,55.677,480.806,55.836,482.1,55.836Z" transform="translate(-469.865 -55.677)" fill="#dcc5a1"/>
+                  <path id="Path_432" data-name="Path 432" d="M500.936,77.169s-.109.462-.286.125l-11.994-.417V55.836h.027c1.3,0,2.912-.159,2.912-.159,0,1.377.036,2.822.143,4.155.027.267.052.534.077.792.049.459.1.891.167,1.3v.01c.023.183.059.35.091.517a8.234,8.234,0,0,0,.294,1.108c.3.884.712,1.42,1.257,1.42C493.624,64.978,500.936,65.434,500.936,77.169Z" transform="translate(-476.418 -55.677)" fill="#edd9b4"/>
+                </g>
+                <path id="Path_433" data-name="Path 433" d="M490.217,64.161v.008a3.866,3.866,0,0,1-3.309,1.792h-.015a4.169,4.169,0,0,1-3.292-1.786c.066-.4.126-.824.168-1.267.025-.268.049-.533.072-.808a13.1,13.1,0,0,0,3.017.39h.035a12.293,12.293,0,0,0,3.082-.425c.025.268.05.534.077.791C490.1,63.318,490.15,63.749,490.217,64.161Z" transform="translate(-474.655 -57.909)" fill="#bc9f82" opacity="0.7"/>
+              </g>
+              <path id="Path_434" data-name="Path 434" d="M490.283,72.056l-.126,10.9h-7.01l-.084-11.067a13.85,13.85,0,0,0,3.876.651A12.209,12.209,0,0,0,490.283,72.056Z" transform="translate(-474.468 -61.34)" fill="#b9c98e"/>
+              <path id="Path_435" data-name="Path 435" d="M494.459,81.431a22.927,22.927,0,0,0-.2-3.162c-.743-5.57-3.433-7.881-5.284-8.822a6.014,6.014,0,0,0-1.826-.626c-.544,0-.964-.433-1.267-1.318-.059-.109-.109.008-.158-.223l-.042,3.375-.931,2.92h-5.332l-.956-3.087-.027-3.094c-.293.886-.7,1.427-1.254,1.427a5.854,5.854,0,0,0-1.736.584c-2,1-4.942,3.356-5.505,9.447-.074.8-.074,1.644-.074,2.579,0,0,.1.044.293.125h1.791v.017H492.14v-.017h2.033C494.35,81.474,494.459,81.431,494.459,81.431Z" transform="translate(-469.865 -59.729)" fill="#5a4f51"/>
+            </g>
+            <path id="Path_436" data-name="Path 436" d="M487.73,81.154h-.5l-2.09-2.622h4.677Z" transform="translate(-475.193 -63.66)" fill="#b9c98e"/>
+          </g>
+          <g id="Group_149" data-name="Group 149">
+            <g id="Group_141" data-name="Group 141" transform="translate(3.127 13.815)">
+              <path id="Path_437" data-name="Path 437" d="M502.273,44.986s-.712-.9-.29-6.624a24.321,24.321,0,0,0-.453-6.24c.042.166-4.115,8.358-4.115,8.358-.143,2.289-.259,4.524-.288,6.076l-.7-1.186a24.432,24.432,0,0,0-.678,2.729c0,.041,0,.089-.008.131L493.5,46.007s.005,1.273.118,2.481l-1.359-1.347a17.836,17.836,0,0,0,.467,4.307c.511,1.154.049,4.353.049,4.353a9.328,9.328,0,0,0,1.372-2.373c-.053.709-.13,1.24-.13,1.24a9.975,9.975,0,0,0,1.785-3.6c.029.493.059.987.064,1.475a9.61,9.61,0,0,1-.55,3.058,13.5,13.5,0,0,0,1.865-4.383c.12,2.007.41,3.464,1.019,4.246a4.9,4.9,0,0,1-.313-2.5c.033-.766.1-1.6.2-2.426a6.606,6.606,0,0,0,1.873,3.362,11.305,11.305,0,0,1-.724-5.355c.072-.6.126-1.123.169-1.6a16.206,16.206,0,0,0,.318,2.721,10.353,10.353,0,0,0,1.557,3.84s-1.008-2.221-.086-8.235a10.935,10.935,0,0,0,.048-1.85C501.816,44.787,502.273,44.986,502.273,44.986Z" transform="translate(-477.676 -31.786)" fill="#fdfdfd"/>
+              <path id="Path_438" data-name="Path 438" d="M469.865,44.471s.712-.895.289-6.624a24.321,24.321,0,0,1,.454-6.24c-.042.167,4.115,8.358,4.115,8.358.141,2.287.259,4.522.286,6.074l.7-1.185a24.552,24.552,0,0,1,.677,2.726c.005.044.005.092.009.135l2.244-2.226s-.008,1.275-.12,2.481l1.358-1.346a17.789,17.789,0,0,1-.464,4.306c-.511,1.156-.049,4.352-.049,4.352a9.373,9.373,0,0,1-1.375-2.371c.057.707.133,1.24.133,1.24a9.991,9.991,0,0,1-1.786-3.6c-.029.492-.057.986-.065,1.475a9.638,9.638,0,0,0,.552,3.056,13.432,13.432,0,0,1-1.863-4.381c-.122,2.006-.412,3.462-1.023,4.245a4.911,4.911,0,0,0,.315-2.5c-.033-.765-.1-1.6-.195-2.426a6.621,6.621,0,0,1-1.874,3.361,11.294,11.294,0,0,0,.722-5.356c-.07-.6-.123-1.121-.167-1.594a16,16,0,0,1-.32,2.72A10.354,10.354,0,0,1,470.856,53s1.008-2.222.087-8.235a10.867,10.867,0,0,1-.049-1.848C470.322,44.271,469.865,44.471,469.865,44.471Z" transform="translate(-469.865 -31.606)" fill="#fdfdfd"/>
+            </g>
+            <g id="Group_148" data-name="Group 148">
+              <g id="Group_147" data-name="Group 147" transform="translate(0 4.551)">
+                <g id="Group_143" data-name="Group 143">
+                  <g id="Group_142" data-name="Group 142">
+                    <path id="Path_439" data-name="Path 439" d="M480.462,17.37c-12.653,0-12.725,10.544-12.162,17.447-.868-1.637-3.434-1.129-3.225,1.446.2,2.482,3.829,3.766,3.778,3.477,1.038,5.683,6.991,8.962,11.609,8.962.031,0,.065,0,.1,0V17.371Z" transform="translate(-465.063 -17.37)" fill="#ccad8b"/>
+                  </g>
+                  <path id="Path_440" data-name="Path 440" d="M466.21,44.392a1.2,1.2,0,0,1,1.827-.347,1.041,1.041,0,0,1,.3,1.145c-.089.33-.438.355-.352.86a.881.881,0,0,0,.5.728,1.158,1.158,0,0,1,.427.468,1.233,1.233,0,0,1,.057.709c-.1.408-.694.083-1.09-.1A7.738,7.738,0,0,1,466.57,46.8,2.257,2.257,0,0,1,466.21,44.392Z" transform="translate(-465.39 -26.589)" fill="#bc9f82"/>
+                </g>
+                <g id="Group_145" data-name="Group 145" transform="translate(15.365)">
+                  <g id="Group_144" data-name="Group 144">
+                    <path id="Path_441" data-name="Path 441" d="M488.751,17.37c12.653,0,12.726,10.544,12.164,17.447.866-1.637,3.434-1.129,3.223,1.446-.2,2.482-3.829,3.766-3.778,3.477-1.038,5.683-6.991,8.962-11.609,8.962-.031,0-.065,0-.1,0V17.371Z" transform="translate(-488.656 -17.37)" fill="#d9bf9f"/>
+                  </g>
+                  <path id="Path_442" data-name="Path 442" d="M509.7,44.392a1.2,1.2,0,0,0-1.827-.347,1.047,1.047,0,0,0-.3,1.145c.09.33.438.355.354.86a.882.882,0,0,1-.507.728,1.158,1.158,0,0,0-.427.468,1.232,1.232,0,0,0-.055.709c.1.408.692.083,1.09-.1a7.652,7.652,0,0,0,1.309-1.059A2.255,2.255,0,0,0,509.7,44.392Z" transform="translate(-495.021 -26.589)" fill="#bc9f82"/>
+                </g>
+                <g id="Group_146" data-name="Group 146" transform="translate(4.093 2.972)">
+                  <path id="Path_443" data-name="Path 443" d="M482.544,21.937c-4.165,0-7.209,1.2-9.056,3.58-2.574,3.319-2.475,8.39-1.524,12.028.289,1.112.438,4.108.64,5.209.895,4.922,6.349,7.542,9.94,7.542.031,0,.064,0,.1,0V21.941C482.608,21.941,482.578,21.937,482.544,21.937Z" transform="translate(-471.347 -21.937)" fill="#dcc5a1"/>
+                  <path id="Path_444" data-name="Path 444" d="M497.626,25.525c-1.831-2.36-4.842-3.563-8.938-3.582V50.294c4.1-.044,9-2.916,9.843-7.538.2-1.1.348-4.1.64-5.209C500.118,33.917,500.211,28.854,497.626,25.525Z" transform="translate(-477.395 -21.939)" fill="#edd9b4"/>
+                </g>
+              </g>
+              <path id="Path_445" data-name="Path 445" d="M494.647,25.941a16.56,16.56,0,0,1-.154,2.051,3.435,3.435,0,0,1-.192.9,12.1,12.1,0,0,0-.678,2.279,2.942,2.942,0,0,0-.757,1.108c-.41,1.073-.573.893-.573.893s.13-.85.278-1.888c.087-.875.208-2.173.3-3.291.008-.155.027-.311.034-.458-.182-.9-1.887-5.224-9.993-4.815a7.66,7.66,0,0,1-3.654-.944c-1.059-.529-1.8-1.092-1.867-1.092-.358,0-3.6-.6-5.506.814a3.082,3.082,0,0,0-.341.278c-2.261,1.946-2.574,5.334-2.574,6.009,0,.061,0,.13.007.208.063,1.393.644,5.18.644,5.18s-.156.18-.573-.893a2.973,2.973,0,0,0-.905-1.238,9.675,9.675,0,0,1-.929-2.149,5.986,5.986,0,0,0-.453-.9c-.434-.85-.93-2.417-.408-6.217.027-.175.051-.348.078-.529.4-2.6,2.383-8.435,7.618-9.473s6.454-2.261,10.733-.521,6.983,2.955,8.3,5.821a18.24,18.24,0,0,1,1.2,4.7A34.183,34.183,0,0,1,494.647,25.941Z" transform="translate(-465.437 -10.376)" fill="#fdfdfd"/>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar8.svg

@@ -0,0 +1,53 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_71" data-name="Rectangle 71" width="57.89" height="57.841" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_168" data-name="Group 168" transform="translate(-533.333 0.009)">
+    <rect id="Rectangle_70" data-name="Rectangle 70" width="57.89" height="57.841" rx="28.921" transform="translate(533.333 0.132)" fill="#e2efe5"/>
+    <g id="Group_167" data-name="Group 167" transform="translate(533.333 -0.009)">
+      <g id="Group_166" data-name="Group 166" clip-path="url(#clip-path)">
+        <g id="Group_165" data-name="Group 165" transform="translate(12.969 8.852)">
+          <g id="Group_154" data-name="Group 154" transform="translate(2.569 28.33)">
+            <path id="Path_446" data-name="Path 446" d="M569.413,57.281v20.5H557.484c-.191-.078-.293-.117-.293-.117,0-7.488,3.389-10.254,5.547-11.262a6.308,6.308,0,0,1,1.756-.554h.059a1.246,1.246,0,0,0,.158-.033c.6-.156,1.011-.984,1.288-2.173.049-.2.092-.413.126-.64.066-.377.126-.775.168-1.188.025-.251.052-.5.076-.759.106-1.257.141-2.627.141-3.924C566.51,57.133,568.116,57.281,569.413,57.281Z" transform="translate(-557.191 -57.133)" fill="#dcc5a1"/>
+            <path id="Path_447" data-name="Path 447" d="M588.219,77.665s-.107.039-.284.117H575.958v-20.5h.025c1.3,0,2.91-.148,2.91-.148,0,1.292.033,2.643.143,3.893.023.251.049.5.076.742.05.431.1.837.165,1.221V63c.025.172.059.329.092.483a3.364,3.364,0,0,0,1.154,2.276,1.155,1.155,0,0,0,.126.046.765.765,0,0,0,.269.048,5.632,5.632,0,0,1,1.436.412C584.488,67.147,588.219,69.8,588.219,77.665Z" transform="translate(-563.736 -57.133)" fill="#edd9b4"/>
+          </g>
+          <g id="Group_155" data-name="Group 155" transform="translate(2.558 36.899)">
+            <path id="Path_448" data-name="Path 448" d="M574.448,82.485c-.114-.551-.22-1.027-.342-1.612-.263-1.257-.495-2.373-.495-2.373.017-.025.363-.3.9-.748.223-.182.478-.4.77-.649,1.928-1.65,5.014-4.452,6.309-6.6a8.034,8.034,0,0,1,2.754,2.022,10.185,10.185,0,0,1,1.818,2.915,18.216,18.216,0,0,1,1.211,7.05" transform="translate(-562.906 -70.373)" fill="#fdfdfd"/>
+            <path id="Path_449" data-name="Path 449" d="M557.174,82.291s.107.041.28.123h12.615c.117-.551.248-1.159.372-1.742.264-1.257.5-2.374.5-2.374-.019-.025-.366-.3-.9-.747-.223-.184-.479-.4-.768-.65-1.93-1.652-5.018-4.453-6.311-6.6a8.086,8.086,0,0,0-2.757,2.024,10.205,10.205,0,0,0-1.815,2.915A18.178,18.178,0,0,0,557.174,82.291Z" transform="translate(-557.174 -70.302)" fill="#fdfdfd"/>
+          </g>
+          <g id="Group_164" data-name="Group 164">
+            <path id="Path_450" data-name="Path 450" d="M577.415,63.535l.058.47a3.585,3.585,0,0,1-3.17,1.633h-.017a4.11,4.11,0,0,1-3.242-1.76c.066-.394.122-.813.163-1.249.027-.262.049-.526.076-.8a13.039,13.039,0,0,0,2.968.387h.034a12.348,12.348,0,0,0,3.036-.419c.023.262.05.526.075.781C577.446,63.032,577.348,63.132,577.415,63.535Z" transform="translate(-559.453 -30.433)" fill="#bc9f82" opacity="0.7"/>
+            <g id="Group_163" data-name="Group 163">
+              <g id="Group_160" data-name="Group 160" transform="translate(0 4.273)">
+                <g id="Group_157" data-name="Group 157">
+                  <g id="Group_156" data-name="Group 156">
+                    <path id="Path_451" data-name="Path 451" d="M568.192,20.163c-12.28-.023-12.351,9.8-11.805,16.209-.842-1.5-3.332-.945-3.128,1.463.2,2.306,3.715,3.35,3.667,3.1,1,5.22,6.793,8.121,11.266,8.533.033,0,.063,0,.1,0v-29.3Z" transform="translate(-553.247 -20.163)" fill="#ccad8b"/>
+                  </g>
+                  <path id="Path_452" data-name="Path 452" d="M554.1,45.441a1.215,1.215,0,0,1,1.8-.323.939.939,0,0,1,.293,1.067c-.087.31-.432.334-.346.8a.847.847,0,0,0,.5.686,1.085,1.085,0,0,1,.421.433,1.1,1.1,0,0,1,.053.664c-.093.381-.68.077-1.075-.091a7.372,7.372,0,0,1-1.288-.99A2.025,2.025,0,0,1,554.1,45.441Z" transform="translate(-553.472 -28.787)" fill="#bc9f82"/>
+                </g>
+                <g id="Group_158" data-name="Group 158" transform="translate(14.913)">
+                  <path id="Path_453" data-name="Path 453" d="M576.239,20.163c12.281-.023,12.352,9.8,11.8,16.209.842-1.5,3.334-.945,3.13,1.463-.2,2.306-3.717,3.35-3.665,3.1-1.005,5.22-6.793,8.121-11.269,8.533-.029,0-.063,0-.094,0v-29.3Z" transform="translate(-576.145 -20.163)" fill="#d9bf9f"/>
+                </g>
+                <path id="Path_454" data-name="Path 454" d="M596.937,45.441a1.217,1.217,0,0,0-1.8-.323.938.938,0,0,0-.292,1.067c.086.31.432.334.349.8a.848.848,0,0,1-.5.686.939.939,0,0,0-.474,1.1c.1.381.68.077,1.074-.091a7.369,7.369,0,0,0,1.29-.99A2.03,2.03,0,0,0,596.937,45.441Z" transform="translate(-567.525 -28.787)" fill="#bc9f82"/>
+                <g id="Group_159" data-name="Group 159" transform="translate(3.851 2.779)">
+                  <path id="Path_455" data-name="Path 455" d="M570.191,24.433c-4.1,0-7.1,1.128-8.923,3.35-2.535,3.1-2.438,7.847-1.5,11.25.286,1.04.43,3.845.628,4.874.884,4.6,6.256,7.053,9.8,7.053l.1,0V24.437C570.252,24.437,570.222,24.433,570.191,24.433Z" transform="translate(-559.16 -24.433)" fill="#dcc5a1"/>
+                  <path id="Path_456" data-name="Path 456" d="M585.049,27.792c-1.8-2.209-4.77-3.335-8.8-3.353V50.96c4.038-.042,8.866-2.728,9.7-7.05.2-1.029.343-3.835.629-4.874C587.5,35.641,587.595,30.906,585.049,27.792Z" transform="translate(-565.118 -24.435)" fill="#edd9b4"/>
+                </g>
+              </g>
+              <g id="Group_161" data-name="Group 161" transform="translate(12.901 28.965)">
+                <path id="Path_457" data-name="Path 457" d="M577.224,58.738a3.273,3.273,0,0,1-2.068.987,3.092,3.092,0,0,1-2.018-.966,13.28,13.28,0,0,1,2.018-.15A16.772,16.772,0,0,1,577.224,58.738Z" transform="translate(-573.085 -58.283)" fill="#b47070"/>
+                <path id="Path_458" data-name="Path 458" d="M575.712,58.108a.606.606,0,0,1-1.17,0,8.328,8.328,0,0,0-1.486.455s1.132.119,1.456.119.609.126.615-.113c.006.241.238.148.558.148s1.51-.154,1.51-.154A8.29,8.29,0,0,0,575.712,58.108Z" transform="translate(-573.056 -58.108)" fill="#c17874"/>
+              </g>
+              <g id="Group_162" data-name="Group 162" transform="translate(0.419)">
+                <path id="Path_459" data-name="Path 459" d="M562.962,40.5Z" transform="translate(-557.052 -22.991)" fill="#362c1d"/>
+                <path id="Path_460" data-name="Path 460" d="M580.663,20.534c-1.1-1.687-1.181-1.211-1.181-1.211s1.108-4.605-5.776-5.624a16.063,16.063,0,0,0-2.7-.079l.937.945a19.386,19.386,0,0,0-8.4-.493,11.153,11.153,0,0,0-7.82,5.018A12.364,12.364,0,0,0,554,23.69l1.8-2.388a11.853,11.853,0,0,0-1.8,8.065c1.065,8.023,4.8,9.511,4.8,9.511s-2.574-4.811-.875-7.926a10.035,10.035,0,0,1,7.934-5.389,7.223,7.223,0,0,0-6.052,5.511.211.211,0,0,0-.007.025,3.911,3.911,0,0,1,2.406-2.259c1.13-.432,2.608-.418,4.3-.861a8.9,8.9,0,0,0-1.8,4.163,10.694,10.694,0,0,1,5.159-3.775l.684-.256a4.477,4.477,0,0,0-.348,4.18s-.126-2.1,4.473-3.416c2.646-.757,3.071-2.25,3.071-2.25a8.224,8.224,0,0,0,.339,2.423c.413,1.1,1.585,1.812,1.669,2.8a20.5,20.5,0,0,1-.842,5.294l1.488-1.164a44.086,44.086,0,0,0,1.493-9.251C581.892,24.66,581.5,21.816,580.663,20.534Z" transform="translate(-553.89 -13.595)" fill="#362c1d"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/images/signup/profile-pictures/avatar9.svg

@@ -0,0 +1,52 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57.89" height="57.982" viewBox="0 0 57.89 57.982">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_73" data-name="Rectangle 73" width="57.89" height="57.841" rx="28.921" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_183" data-name="Group 183" transform="translate(-622.222 0.009)">
+    <rect id="Rectangle_72" data-name="Rectangle 72" width="57.89" height="57.841" rx="28.921" transform="translate(622.222 0.132)" fill="#51ccc7"/>
+    <g id="Group_182" data-name="Group 182" transform="translate(622.222 -0.009)">
+      <g id="Group_181" data-name="Group 181" clip-path="url(#clip-path)">
+        <g id="Group_180" data-name="Group 180" transform="translate(14.231 12.214)">
+          <path id="Path_461" data-name="Path 461" d="M672.784,61.136c0,3.759-5.119,6.806-11.434,6.806s-11.434-3.047-11.434-6.806,5.12-6.805,11.434-6.805S672.784,57.378,672.784,61.136Z" transform="translate(-646.111 -31.185)" fill="#211915"/>
+          <g id="Group_171" data-name="Group 171" transform="translate(1.947 23.675)">
+            <g id="Group_170" data-name="Group 170" transform="translate(0.981)">
+              <g id="Group_169" data-name="Group 169">
+                <path id="Path_462" data-name="Path 462" d="M660.732,55.3V77.04H648.864l-.294-.125a20.637,20.637,0,0,1,.543-4.962c1.67-6.963,6.727-7.567,6.727-7.567h.057c.049-.01.107-.018.158-.034.6-.166,1.007-1.044,1.282-2.305.05-.214.092-.437.124-.678.066-.4.124-.821.165-1.259.027-.267.051-.532.076-.806.107-1.335.143-2.784.143-4.16C657.846,55.144,659.442,55.3,660.732,55.3Z" transform="translate(-648.57 -55.144)" fill="#dcc5a1"/>
+                <path id="Path_463" data-name="Path 463" d="M679.447,76.915s-.107.044-.282.125H667.244V55.3h.027c1.29,0,2.9-.159,2.9-.159,0,1.369.033,2.8.143,4.129.024.264.049.53.074.785.05.458.1.888.164,1.295v.007c.027.184.061.349.094.515a3.642,3.642,0,0,0,1.148,2.412.863.863,0,0,0,.126.049.756.756,0,0,0,.267.05,1.84,1.84,0,0,1,.233.042,8.073,8.073,0,0,1,5.1,3.993A16.371,16.371,0,0,1,679.447,76.915Z" transform="translate(-655.082 -55.144)" fill="#edd9b4"/>
+              </g>
+              <path id="Path_464" data-name="Path 464" d="M668.794,63.571v.008a3.837,3.837,0,0,1-3.288,1.781h-.015a4.15,4.15,0,0,1-3.274-1.772c.066-.4.124-.822.167-1.259.025-.266.049-.532.074-.806a13.26,13.26,0,0,0,3,.39h.036a12.557,12.557,0,0,0,3.06-.421c.027.262.05.528.076.785C668.676,62.734,668.725,63.165,668.794,63.571Z" transform="translate(-653.329 -57.361)" fill="#bc9f82" opacity="0.7"/>
+            </g>
+            <path id="Path_465" data-name="Path 465" d="M673.378,76.4s-3.448-6.772-8.249-7.053c-.126-.01,3.57,5.379-1.35,6.629a12.534,12.534,0,0,1-3.545.372h-.027a12.521,12.521,0,0,1-3.544-.372c-4.922-1.25-1.225-6.639-1.348-6.629-4.805.281-8.251,7.053-8.251,7.053l1.524.514,2.147.72a14.133,14.133,0,0,0-.79,4.366H670.5a14.122,14.122,0,0,0-.791-4.366l2.149-.72Z" transform="translate(-647.064 -60.105)" fill="#856da5"/>
+          </g>
+          <g id="Group_179" data-name="Group 179">
+            <g id="Group_177" data-name="Group 177" transform="translate(0 0.472)">
+              <g id="Group_173" data-name="Group 173">
+                <g id="Group_172" data-name="Group 172">
+                  <path id="Path_466" data-name="Path 466" d="M659.152,19.487c-12.388-.023-12.459,9.888-11.908,16.352-.852-1.517-3.362-.955-3.159,1.475.2,2.324,3.749,3.378,3.7,3.121,1.015,5.267,6.852,8.192,11.366,8.607.031,0,.065,0,.094,0V19.488Z" transform="translate(-644.074 -19.487)" fill="#ccad8b"/>
+                </g>
+                <path id="Path_467" data-name="Path 467" d="M644.936,44.986a1.234,1.234,0,0,1,1.818-.329.959.959,0,0,1,.293,1.081c-.087.31-.434.337-.35.811a.853.853,0,0,0,.5.691,1.1,1.1,0,0,1,.425.437,1.145,1.145,0,0,1,.055.669c-.1.385-.688.078-1.084-.09a7.491,7.491,0,0,1-1.3-1A2.048,2.048,0,0,1,644.936,44.986Z" transform="translate(-644.302 -28.186)" fill="#bc9f82"/>
+              </g>
+              <g id="Group_175" data-name="Group 175" transform="translate(15.044)">
+                <g id="Group_174" data-name="Group 174">
+                  <path id="Path_468" data-name="Path 468" d="M667.269,19.487c12.388-.023,12.461,9.888,11.91,16.352.849-1.517,3.362-.955,3.155,1.475-.2,2.324-3.745,3.378-3.7,3.121-1.013,5.267-6.85,8.192-11.365,8.607-.031,0-.064,0-.1,0V19.488Z" transform="translate(-667.174 -19.487)" fill="#d9bf9f"/>
+                </g>
+                <path id="Path_469" data-name="Path 469" d="M688.149,44.986a1.232,1.232,0,0,0-1.816-.329.957.957,0,0,0-.295,1.081c.087.31.436.337.35.811a.856.856,0,0,1-.5.691,1.1,1.1,0,0,0-.423.437,1.109,1.109,0,0,0-.057.669c.1.385.69.078,1.086-.09a7.552,7.552,0,0,0,1.3-1A2.044,2.044,0,0,0,688.149,44.986Z" transform="translate(-673.522 -28.186)" fill="#bc9f82"/>
+              </g>
+              <g id="Group_176" data-name="Group 176" transform="translate(3.887 2.805)">
+                <path id="Path_470" data-name="Path 470" d="M661.169,23.8c-4.138,0-7.165,1.136-9,3.379-2.558,3.129-2.461,7.915-1.516,11.348.289,1.048.436,3.876.636,4.917.892,4.642,6.311,7.116,9.88,7.116.031,0,.064,0,.1,0V23.8C661.231,23.8,661.2,23.8,661.169,23.8Z" transform="translate(-650.042 -23.797)" fill="#dcc5a1"/>
+                <path id="Path_471" data-name="Path 471" d="M676.156,27.182c-1.82-2.228-4.812-3.362-8.883-3.38V50.554c4.075-.044,8.946-2.75,9.783-7.111.2-1.041.346-3.869.636-4.917C678.633,35.1,678.726,30.323,676.156,27.182Z" transform="translate(-656.051 -23.799)" fill="#edd9b4"/>
+              </g>
+            </g>
+            <g id="Group_178" data-name="Group 178" transform="translate(13.017 25.379)">
+              <path id="Path_472" data-name="Path 472" d="M668.266,58.4a3.307,3.307,0,0,1-2.088,1,3.115,3.115,0,0,1-2.035-.973,13.25,13.25,0,0,1,2.035-.152A17.194,17.194,0,0,1,668.266,58.4Z" transform="translate(-664.09 -57.941)" fill="#b47070"/>
+              <path id="Path_473" data-name="Path 473" d="M666.738,57.764a.61.61,0,0,1-1.179,0,8.351,8.351,0,0,0-1.5.458s1.141.122,1.467.122.613.127.621-.115c0,.243.24.148.564.148s1.524-.156,1.524-.156A8.332,8.332,0,0,0,666.738,57.764Z" transform="translate(-664.062 -57.764)" fill="#c17874"/>
+            </g>
+            <path id="Path_474" data-name="Path 474" d="M670.916,42.186a2.021,2.021,0,0,0,.337,1.692c.434.71.941.969.456,1.767s-1.276.9-1.229,1.6.918,1.037.773,1.981c-.133.853-1.516,1.747-1.775,1.9.21-.149,1.1-.839.976-1.707-.149-.988-.261-1.037-1.322-1.6s-1.221-.811-.926-1.61,1.258-.872.526-1.719-1.146-1.427-.954-1.944-.126-.9.729-1.9c.535-.606.457-1.978.457-2.59s.865-3.572-.533-4.87c-.253-.231-.682-.762-1.2-1.378-.421-.5-.907-1.07-1.391-1.57a7.438,7.438,0,0,1-1.271-1.951c-.314-.656-.52-1.2-.569-1.324.015.144.106.777.171,1.276.019.184.042.347.048.469a2.9,2.9,0,0,0,1.1,2.084,9.648,9.648,0,0,1-2.382-1.83,4.045,4.045,0,0,1-.533-.913,3.3,3.3,0,0,1-.07-2.505,12.555,12.555,0,0,1-1.734,2.141c-.062.062-.133.116-.2.178a24.094,24.094,0,0,1-2.731,1.829,7.134,7.134,0,0,0,1.5-1.925,3.1,3.1,0,0,0,.185-.37c.182-.422.918-2.633.918-2.633a33.309,33.309,0,0,1-1.867,2.956,10.956,10.956,0,0,1-1.993,2.132c-.282.221-.661.522-1.082.87-1.524,1.25-3.639,3.133-3.828,4.165a14.426,14.426,0,0,0,.871,5.363c.442,1.18.484,1.557,0,2.026s-1.692,1.318-1.5,1.741.92,1.125.771,1.693-1.733,1.918-1.935,2.681c-.353,1.346,1.745,2.492,1.992,2.62-.253-.081-3.09-1.145-2.766-2.572.212-.927.049-1.077-.484-1.787s-1.307-1.884-.583-2.585,1.741-1.51,1.5-2.308-2.837-6.336-2.837-8.295a17.024,17.024,0,0,1,.36-2.919,22.652,22.652,0,0,1,.905-3.311,11.1,11.1,0,0,1,4-5.692c4.113-2.585,7.012-2.987,8.466-2.66s2.927-.248,3.312-.1,4.1,1.676,5.506,3.224a23.5,23.5,0,0,1,4.928,7.528,9.427,9.427,0,0,1,.562,3.1c0,.115,0,.23-.008.347C674.39,37.449,670.963,41.312,670.916,42.186Z" transform="translate(-644.931 -18.761)" fill="#211915"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

src/pages/signup/AdditionalQuestions.module.scss

@@ -133,7 +133,128 @@
             --knob-size: 20px;
             --bar-border-radius: 30px;
         }
+
+        p {
+            text-align: center;
+            font-size: 30px;
+            color: var(--ash);
+            font-weight: 600;
+            letter-spacing: 1px;
+        }
+
+        .modules {
+            list-style: none;
+            width: 100%;
+            position: relative;
+            text-align: center;
+            position: relative;
+            align-items: center;
+            justify-content: center;
+            display: grid;
+            grid-row-gap: 20px;
+            grid-column-gap: 10px;
+            margin: 0;
+            padding: 0;
+
+            li:nth-of-type(1) {
+                grid-column: 1;
+            }
+            
+            li:nth-of-type(2) {
+                grid-column: 2;
+            }
+            
+            li:nth-of-type(3) {
+                grid-column: 3;
+            }
+            
+            li:nth-of-type(4) {
+                grid-column: 4;
+            }
+            
+            li:nth-of-type(5) {
+                grid-column: 1 / span 2;
+                grid-row: 2;
+            }
+
+            li:nth-of-type(6) {
+                grid-column: 1 / span 5;
+                grid-row: 2;
+            }
+
+            li:nth-of-type(7) {
+                grid-column: 3 / span 3;
+                grid-row: 2;
+            }
+
+            li:nth-of-type(8) {
+                grid-column: 2;
+            }
+
+            li:nth-of-type(9) {
+                grid-column: 3;
+            }
+            
+            button {
+                width: 18vw;
+                height: 18vw;
+                border-radius: 50%;
+                font-size: 10px;
+                display: inline-block;
+                outline: none;
+                background-color: var(--ash-dust);
+                color: var(--black-rock);
+                border: 2px solid var(--ash-dust);
+                transition: border-color 0.3s;
+
+                &.active {
+                    border-color: var(--shamrock);
+                    box-shadow: 0px 0px 10px 0px var(--shamrock);
+                }
+            }
+
+            ion-icon {
+                display: block;
+                margin: 0 auto 5px;
+                font-size: 24px;
+            }
+        }
         
+        .profileImages {
+            display: grid;
+            width: 100%;
+            list-style: none;
+            height: 100%;
+            overflow-y: hidden;
+            overflow-x: auto;
+            grid-template-columns: 50px 50px 50px 50px;
+            grid-template-rows: auto;
+            
+            button {
+                width: 15vw;
+                height: 15vw;
+                border-radius: 50%;
+                font-size: 10px;
+                display: inline-block;
+                outline: none;
+                background-color: var(--ash-dust);
+                color: var(--black-rock);
+                border: 0px solid var(--ash-dust);
+                transition: border-color 0.3s, border-width 0.3s;
+                margin: 10px;
+
+                &.active {
+                    border-color: var(--shamrock);
+                    border-width: 2px;
+                    box-shadow: 0px 0px 10px 0px var(--shamrock);
+                }
+            }
+
+            ion-icon {
+                width: 100%;
+                height: 100%;
+            }
+        }
     }
 }
 
@@ -150,6 +271,15 @@
     --background: var(--shamrock);
     --color: white;
     font-size: 18px;
+    filter: grayscale(0%);
+    transition: filter 0.3s;
+
+    transition: opacity 0.3;
+
+    &.inactive {
+        pointer-events: none;
+        filter: grayscale(100%);
+    }
 
     ion-icon {
         font-size: 18px;
@@ -169,6 +299,12 @@
     --background: transparent;
     --border-radius: 50%;
     --border-width: 2px;
+    transition: opacity 0.3;
+
+    &.inactive {
+        pointer-events: none;
+        opacity: 0;
+    }
 
     ion-icon {
         opacity: 0.4;

src/pages/signup/AdditionalQuestions.tsx

@@ -1,14 +1,14 @@
 import { IonContent, IonRange, IonButton, IonSlides, IonSlide, IonIcon } from '@ionic/react';
-import React, { useState, useRef, createRef } from 'react';
+import React, { useState, useRef } from 'react';
 import styles from './AdditionalQuestions.module.scss';
 
 const slideOpts = {
-    initialSlide: 2,
+    initialSlide: 0,
     speed: 400,
     followFinger: false,
     draggable: false,
     longSwipes: false,
-    noSwiping: true
+    noSwiping: true,
 };
 
 const jobSectors = [{
@@ -53,22 +53,86 @@ const jobSectors = [{
     text: 'Others'
 }];
 
+
+const pluginModules = [{
+    value: 1,
+    icon: 'assets/images/signup/modules/tasks-line.svg',
+    text: 'Task'
+}, {
+    value: 2,
+    icon: 'assets/images/signup/modules/briefcase-outline.svg',
+    text: 'Client'
+}, {
+    value: 3,
+    icon: 'assets/images/signup/modules/bxs-user-badge.svg',
+    text: 'Employee'
+}, {
+    value: 4,
+    icon: 'assets/images/signup/modules/pen.svg',
+    text: 'Training'
+}, {
+    value: 5,
+    icon: 'assets/images/signup/modules/money.svg',
+    text: 'Financial'
+}, {
+    value: 6,
+    icon: 'assets/images/signup/modules/chat-bubble.svg',
+    text: 'Chat'
+}, {
+    value: 7,
+    icon: 'assets/images/signup/modules/tennisball-outline.svg',
+    text: 'Recreation'
+}, {
+    value: 8,
+    icon: 'assets/images/signup/modules/mail-outline.svg',
+    text: 'Email'
+}, {
+    value: 9,
+    icon: 'assets/images/signup/modules/lock.svg',
+    text: 'Password'
+}];
+
+
+const profileImages = [
+    'assets/images/signup/profile-pictures/avatar1.svg',
+    'assets/images/signup/profile-pictures/avatar2.svg',
+    'assets/images/signup/profile-pictures/avatar3.svg',
+    'assets/images/signup/profile-pictures/avatar4.svg',
+    'assets/images/signup/profile-pictures/avatar5.svg',
+    'assets/images/signup/profile-pictures/avatar6.svg',
+    'assets/images/signup/profile-pictures/avatar7.svg',
+    'assets/images/signup/profile-pictures/avatar8.svg',
+    'assets/images/signup/profile-pictures/avatar9.svg',
+    'assets/images/signup/profile-pictures/avatar10.svg',
+    'assets/images/signup/profile-pictures/avatar11.svg',
+    'assets/images/signup/profile-pictures/avatar12.svg',
+    'assets/images/signup/profile-pictures/avatar13.svg'
+]
+
 const AdditionalQuestions: React.FC = () => {
     let [index, setIndex] = useState(0),
     [userType, changeUserType] = useState('INDIVIDUAL'),
     [userSector, changeUserSector] = useState(jobSectors[0]),
-    [showPicker, toggleShowPicker] = useState(false);
+    [showPicker, toggleShowPicker] = useState(false),
+    [totalSlides, setSlideCount] = useState(0),
+    [teamSize, setTeamSize] = useState({
+        start: 1,
+        end: 10
+    }),
+    [selectedModules, setModules] = useState([pluginModules[0].value]),
+    [selectedImage, setProfileImage] = useState(profileImages[0]);
 
     const additionalSlides: any = useRef(null);
 
-    const changeIndex = async (event: any) => {
-        await event.target.getActiveIndex().then((index: number) => setIndex(index = index));
-    }
-
-    const getPadding = (digit: number)  => {
+    const getDigitPadding = (digit: number)  => {
         return digit.toString().padStart(2, '0');
     }
 
+    const changeIndex = async (event: any) => {
+        await event.target.getActiveIndex().then((index: number) => setIndex(index = index));
+        await event.target.length().then((length: number) => { setSlideCount(totalSlides = length) });
+    }    
+
     const nextSlide = async () => {
         const swiper: any = await additionalSlides.current?.getSwiper();
         swiper.slideNext();
@@ -79,16 +143,31 @@ const AdditionalQuestions: React.FC = () => {
         swiper.slidePrev();
     }
 
+    const toggleModule = (value: number) => {
+        let tempModules = selectedModules;
+
+        if (tempModules.includes(value)) {
+            tempModules.splice(tempModules.indexOf(value), 1);
+        } else {
+            tempModules.push(value);
+        }
+
+        setModules(selectedModules);
+
+    }
+
     return (<IonContent fullscreen>
         <header className={styles.slidersNavBar}>
             <h4>
-                { getPadding(index + 1)}<span>/05 </span>
+                { getDigitPadding(index + 1)}<span>/{ getDigitPadding(totalSlides) } </span>
             </h4>
             <IonButton> Skip <IonIcon src='assets/images/signup/skip.svg'></IonIcon> </IonButton>
         </header>
 
-        <IonSlides options={slideOpts} className={styles.slides} 
-        ref={additionalSlides} onIonSlideDidChange={(e) => changeIndex(e)}>
+        <IonSlides options={slideOpts} 
+        className={styles.slides} 
+        ref={additionalSlides} onIonSlideDidChange={(e) => changeIndex(e)}
+        onIonSlidesDidLoad={(e) => changeIndex(e)}>
             <IonSlide>
                 <div className={styles.questionContainer}>
                     <p className={styles.question}> Select if you represent a <strong> company </strong> or if you're an <strong> individual </strong> </p>
@@ -125,28 +204,61 @@ const AdditionalQuestions: React.FC = () => {
                     <p className={styles.hint}> Select answer below </p>
                 </div>
                 <div className={styles.choiceContainer}>
-                    <IonRange mode={'ios'} value={30} min={1} max={100} step={10} snaps={true} />
+                    <p>
+                        { teamSize.end > 9 && <span> { getDigitPadding(teamSize.start) } to </span> } { getDigitPadding(teamSize.end) }
+                    </p>
+                    <IonRange onIonChange={ (e: any) => setTeamSize({ 
+                        start: (e.detail.value === 10 ? 1: e.detail.value - 10),
+                        end: e.detail.value 
+                    }) } mode={'ios'} value={teamSize.end} min={10} max={100} step={10} snaps={true} />
                 </div>
             </IonSlide>
 
 
             <IonSlide>
                 <div className={styles.questionContainer}>
-                    <p className={styles.question}> Select the <strong> modules </strong> that will be used.  </p>
+                    <p className={styles.question}> Select the <strong> modules </strong> that you would like to use.  </p>
                     <p className={styles.hint}> Select answer below </p>
                 </div>
                 <div className={styles.choiceContainer}>
+                    <ul className={styles.modules}>
+                        { pluginModules.map((module) => {
+                            return <li key={module.value}>
+                                <button className={selectedModules.includes(module.value) ? styles.active : ''}
+                                onClick={() => toggleModule(module.value)}>
+                                    <IonIcon src={module.icon}></IonIcon> <label> { module.text } </label>
+                                </button>
+                            </li>
+                        }) }
+                    </ul>
+                </div>
+            </IonSlide>
 
+            <IonSlide>
+                <div className={styles.questionContainer}>
+                    <p className={styles.question}> Select a cool <strong> avatar </strong> or upload your ugly <strong> photo </strong> for <strong> profile picture </strong> </p>
+                    <p className={styles.hint}> Select answer below </p>
+                </div>
+                <div className={styles.choiceContainer}>
+                    <ul className={styles.profileImages}>
+                        { profileImages.map((image) => {
+                            return <li key={image}>
+                                <button className={selectedImage === image ? styles.active : ''}>
+                                    <IonIcon src={image}></IonIcon>
+                                </button>
+                            </li>
+                        }) }
+                    </ul>
                 </div>
             </IonSlide>             
         </IonSlides>
 
 
-        <IonButton className={styles.prevButton} fill="outline" onClick={ () => prevSlide() }>
+        <IonButton className={styles.prevButton + ' ' + ( index <= 0 ? styles.inactive : '' )} fill="outline" onClick={ () => prevSlide() }>
             <IonIcon src='assets/images/signup/arrow-next.svg'></IonIcon>
         </IonButton>
 
-        <IonButton className={styles.nextButton} onClick={ () => nextSlide() }>
+        <IonButton className={styles.nextButton + ' ' + (index >= (totalSlides - 1) ? styles.inactive : '')} onClick={ () => nextSlide() }>
             Next <IonIcon src='assets/images/signup/arrow-next.svg'></IonIcon>
         </IonButton>