-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstartQuestions.html
334 lines (322 loc) · 46.4 KB
/
startQuestions.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
<!DOCTYPE html>
<html>
<head>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-5RZ4FF4');
</script>
<!-- End Google Tag Manager -->
<title>Page Title Omkar Ajagunde</title>
<link rel="stylesheet" href="questions.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
<link rel="stylesheet" href="snackBar.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
</head>
<script src="Uri.js"></script>
<body onload="answerInit()">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5RZ4FF4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
<div class="wrapper">
<div class="progress">
<div id="progress-tracker" class="progress-value"></div>
</div>
<div class="container">
<div id="title">
<div class="content">
<div id="morf">
<h1>Your gender M or F?</h1>
<div class="buttons">
<button onclick="responderGenderInit('M')">Male</button>
<button onclick="responderGenderInit('F')">Female</button>
</div>
</div>
<div id="takeInput">
<h1>Enter your name please?</h1>
<input id="nameInput" type="text" placeholder="e.g. John Doe">
<div>
<button id="enter-btn" onclick="gamePlayInitialiser()">Enter</button>
</div>
</div>
</div>
<div class="question-container" id="question">
<h5 id="remQues"></h5>
<h1 id="quesTitle"></h1>
<div class="buttons">
<button id="btn-1" onclick="checkAns(0)"></button>
<button id="btn-2" onclick="checkAns(1)"></button>
<button id="btn-3" onclick="checkAns(2)"></button>
<button id="btn-4" onclick="checkAns(3)"></button>
<button id="btn-5" onclick="checkAns(4)"></button>
<button id="btn-6" onclick="checkAns(5)"></button>
</div>
</div>
<center>
<div id="snackbar">Trial snackBar</div>
</center>
</div>
<div class="view">
<div class="clip-svg">
<svg width="608" height="572" viewBox="0 0 608 572" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="stepsSuccessVector">
<g id="line-8" filter="url(#filter0_d)">
<path d="M82 355C83.1667 365.333 92.1 387.3 118.5 392.5" stroke="#E73C7E" stroke-width="5"/>
</g>
<g id="line-9" filter="url(#filter1_d)">
<path d="M179 412.5C192.333 414.333 222.2 419.6 235 426" stroke="#E73C7E" stroke-width="5"/>
</g>
<path id="5" d="M310.248 208.707L310.986 202.203H318.158V204.321H313.069L312.753 207.072C313.356 206.75 313.998 206.589 314.678 206.589C315.896 206.589 316.852 206.967 317.543 207.723C318.234 208.479 318.58 209.536 318.58 210.896C318.58 211.722 318.404 212.463 318.053 213.119C317.707 213.77 317.209 214.276 316.559 214.64C315.908 214.997 315.141 215.176 314.256 215.176C313.482 215.176 312.765 215.021 312.103 214.71C311.44 214.394 310.916 213.951 310.529 213.383C310.148 212.814 309.946 212.167 309.923 211.44H312.437C312.489 211.974 312.674 212.39 312.99 212.688C313.312 212.981 313.731 213.128 314.247 213.128C314.821 213.128 315.264 212.923 315.574 212.513C315.885 212.097 316.04 211.511 316.04 210.755C316.04 210.028 315.861 209.472 315.504 209.085C315.146 208.698 314.64 208.505 313.983 208.505C313.38 208.505 312.891 208.663 312.516 208.979L312.27 209.208L310.248 208.707Z" fill="#75687C"/>
<path id="6" d="M188.761 217.071V219.163H188.515C187.366 219.181 186.44 219.479 185.737 220.06C185.04 220.64 184.621 221.445 184.48 222.477C185.16 221.785 186.019 221.439 187.056 221.439C188.169 221.439 189.054 221.838 189.71 222.635C190.366 223.432 190.694 224.48 190.694 225.781C190.694 226.613 190.513 227.366 190.149 228.04C189.792 228.714 189.282 229.238 188.62 229.613C187.964 229.988 187.22 230.176 186.388 230.176C185.04 230.176 183.95 229.707 183.118 228.77C182.292 227.832 181.879 226.581 181.879 225.017V224.103C181.879 222.714 182.14 221.489 182.661 220.429C183.188 219.362 183.941 218.539 184.92 217.959C185.904 217.373 187.044 217.077 188.339 217.071H188.761ZM186.282 223.479C185.872 223.479 185.5 223.587 185.166 223.804C184.832 224.015 184.586 224.296 184.428 224.647V225.421C184.428 226.271 184.595 226.936 184.929 227.416C185.263 227.891 185.731 228.128 186.335 228.128C186.88 228.128 187.319 227.914 187.653 227.486C187.993 227.053 188.163 226.493 188.163 225.808C188.163 225.11 187.993 224.548 187.653 224.12C187.313 223.692 186.856 223.479 186.282 223.479Z" fill="#75687C"/>
<path id="1" d="M7.04004 115H4.5V105.209L1.46777 106.149V104.084L6.76758 102.186H7.04004V115Z" fill="#75687C"/>
<path id="2" d="M179.642 92H170.87V90.2598L175.01 85.8477C175.578 85.2266 175.997 84.6846 176.267 84.2217C176.542 83.7588 176.68 83.3193 176.68 82.9033C176.68 82.335 176.536 81.8896 176.249 81.5674C175.962 81.2393 175.552 81.0752 175.019 81.0752C174.444 81.0752 173.99 81.2744 173.656 81.6729C173.328 82.0654 173.164 82.584 173.164 83.2285H170.615C170.615 82.4492 170.8 81.7373 171.169 81.0928C171.544 80.4482 172.071 79.9443 172.751 79.5811C173.431 79.2119 174.201 79.0273 175.062 79.0273C176.381 79.0273 177.403 79.3438 178.13 79.9766C178.862 80.6094 179.229 81.5029 179.229 82.6572C179.229 83.29 179.064 83.9346 178.736 84.5908C178.408 85.2471 177.846 86.0117 177.049 86.8848L174.14 89.9521H179.642V92Z" fill="#75687C"/>
<path id="3" d="M268.454 92.4766H269.808C270.452 92.4766 270.93 92.3154 271.24 91.9932C271.551 91.6709 271.706 91.2432 271.706 90.71C271.706 90.1943 271.551 89.793 271.24 89.5059C270.936 89.2188 270.514 89.0752 269.975 89.0752C269.488 89.0752 269.081 89.21 268.753 89.4795C268.425 89.7432 268.261 90.0889 268.261 90.5166H265.721C265.721 89.8486 265.899 89.251 266.257 88.7236C266.62 88.1904 267.124 87.7744 267.769 87.4756C268.419 87.1768 269.134 87.0273 269.913 87.0273C271.267 87.0273 272.327 87.3525 273.095 88.0029C273.862 88.6475 274.246 89.5381 274.246 90.6748C274.246 91.2607 274.067 91.7998 273.71 92.292C273.353 92.7842 272.884 93.1621 272.304 93.4258C273.024 93.6836 273.561 94.0703 273.912 94.5859C274.27 95.1016 274.448 95.7109 274.448 96.4141C274.448 97.5508 274.032 98.4619 273.2 99.1475C272.374 99.833 271.278 100.176 269.913 100.176C268.636 100.176 267.59 99.8389 266.775 99.165C265.967 98.4912 265.562 97.6006 265.562 96.4932H268.103C268.103 96.9736 268.281 97.3662 268.639 97.6709C269.002 97.9756 269.447 98.1279 269.975 98.1279C270.578 98.1279 271.05 97.9697 271.39 97.6533C271.735 97.3311 271.908 96.9062 271.908 96.3789C271.908 95.1016 271.205 94.4629 269.799 94.4629H268.454V92.4766Z" fill="#75687C"/>
<path id="4" d="M369.385 77.1836H370.835V79.2314H369.385V82H366.845V79.2314H361.598L361.483 77.6318L366.818 69.2031H369.385V77.1836ZM364.015 77.1836H366.845V72.666L366.678 72.9561L364.015 77.1836Z" fill="#75687C"/>
<path id="7" d="M109.571 284.627L104.623 296H101.942L106.899 285.26H100.536V283.203H109.571V284.627Z" fill="#75687C"/>
<path id="8" d="M85.2109 392.604C85.2109 393.226 85.0557 393.776 84.7451 394.257C84.4346 394.737 84.0068 395.121 83.4619 395.408C84.083 395.707 84.5752 396.12 84.9385 396.647C85.3018 397.169 85.4834 397.784 85.4834 398.493C85.4834 399.63 85.0967 400.529 84.3232 401.191C83.5498 401.848 82.498 402.176 81.168 402.176C79.8379 402.176 78.7832 401.845 78.0039 401.183C77.2246 400.521 76.835 399.624 76.835 398.493C76.835 397.784 77.0166 397.166 77.3799 396.639C77.7432 396.111 78.2324 395.701 78.8477 395.408C78.3027 395.121 77.875 394.737 77.5645 394.257C77.2598 393.776 77.1074 393.226 77.1074 392.604C77.1074 391.515 77.4707 390.647 78.1973 390.003C78.9238 389.353 79.9111 389.027 81.1592 389.027C82.4014 389.027 83.3857 389.35 84.1123 389.994C84.8447 390.633 85.2109 391.503 85.2109 392.604ZM82.9346 398.309C82.9346 397.752 82.7734 397.307 82.4512 396.973C82.1289 396.639 81.6953 396.472 81.1504 396.472C80.6113 396.472 80.1807 396.639 79.8584 396.973C79.5361 397.301 79.375 397.746 79.375 398.309C79.375 398.854 79.5332 399.293 79.8496 399.627C80.166 399.961 80.6055 400.128 81.168 400.128C81.7188 400.128 82.1494 399.967 82.46 399.645C82.7764 399.322 82.9346 398.877 82.9346 398.309ZM82.6709 392.728C82.6709 392.229 82.5391 391.831 82.2754 391.532C82.0117 391.228 81.6396 391.075 81.1592 391.075C80.6846 391.075 80.3154 391.222 80.0518 391.515C79.7881 391.808 79.6562 392.212 79.6562 392.728C79.6562 393.237 79.7881 393.647 80.0518 393.958C80.3154 394.269 80.6875 394.424 81.168 394.424C81.6484 394.424 82.0176 394.269 82.2754 393.958C82.5391 393.647 82.6709 393.237 82.6709 392.728Z" fill="#75687C"/>
<path id="9" d="M202.812 438.885C202.149 439.535 201.376 439.86 200.491 439.86C199.36 439.86 198.455 439.474 197.775 438.7C197.096 437.921 196.756 436.872 196.756 435.554C196.756 434.716 196.938 433.948 197.301 433.251C197.67 432.548 198.183 432.003 198.839 431.616C199.495 431.224 200.233 431.027 201.054 431.027C201.897 431.027 202.647 431.238 203.304 431.66C203.96 432.082 204.47 432.688 204.833 433.479C205.196 434.271 205.381 435.176 205.387 436.195V437.136C205.387 439.269 204.856 440.944 203.796 442.163C202.735 443.382 201.232 444.032 199.287 444.114L198.663 444.123V442.005L199.226 441.996C201.435 441.896 202.63 440.859 202.812 438.885ZM201.115 437.918C201.525 437.918 201.877 437.812 202.17 437.602C202.469 437.391 202.694 437.136 202.847 436.837V435.791C202.847 434.93 202.683 434.262 202.354 433.787C202.026 433.312 201.587 433.075 201.036 433.075C200.526 433.075 200.107 433.31 199.779 433.778C199.451 434.241 199.287 434.824 199.287 435.527C199.287 436.225 199.445 436.799 199.762 437.25C200.084 437.695 200.535 437.918 201.115 437.918Z" fill="#75687C"/>
<g id="line-5" filter="url(#filter2_d)">
<path d="M379 198C365.333 212.167 324.3 237.5 269.5 225.5" stroke="#E73C7E" stroke-width="5"/>
</g>
<g id="line-6" filter="url(#filter3_d)">
<path d="M236.5 217.5C217.5 205.333 171.1 189 137.5 221" stroke="#E73C7E" stroke-width="5"/>
</g>
<g id="line-7" filter="url(#filter4_d)">
<path d="M110.5 249C100.5 259.333 80.3 287.5 79.5 317.5" stroke="#E73C7E" stroke-width="5"/>
</g>
<g id="successVector" opacity="0.8">
<path id="Vector" opacity="0.1" d="M439.778 324.143C411.809 323.149 385.171 314.121 359.751 304.264C334.332 294.406 309.12 283.438 281.82 278.205C264.262 274.838 244.179 274.363 230.035 283.775C216.418 292.851 212.018 308.473 209.654 322.985C207.874 333.901 206.828 345.388 211.703 355.609C215.091 362.705 221.098 368.668 225.255 375.466C239.72 399.114 229.495 428.276 213.825 451.366C206.478 462.2 197.943 472.542 192.269 484.063C186.594 495.584 183.971 508.804 188.937 520.568C193.855 532.236 205.579 540.983 218.28 547.141C244.076 559.648 274.461 563.23 304.111 565.257C369.726 569.747 435.686 567.802 501.473 565.858C525.821 565.136 550.272 564.406 574.223 560.641C587.524 558.55 601.254 555.231 610.913 547.223C623.169 537.054 626.207 519.833 617.992 507.084C604.214 485.697 566.133 480.385 556.491 457.429C551.193 444.797 556.634 430.722 564.339 419.006C580.865 393.872 608.562 371.819 610.018 343.085C611.021 323.352 597.706 303.59 577.118 294.251C555.54 284.462 525.613 285.694 509.701 301.896C493.288 318.56 464.476 324.977 439.778 324.143Z" fill="#6C63FF"/>
<path id="Vector_2" d="M389.955 497.871C390.223 501.328 391.554 504.906 394.354 506.946C397.155 508.986 401.61 508.947 403.749 506.207C404.468 505.178 404.996 504.029 405.309 502.814C407.111 497.119 408.391 490.887 406.416 485.247C401.96 484.958 396.796 482.862 393.451 486.544C390.75 489.543 389.644 493.873 389.955 497.871Z" fill="#3F3D56"/>
<path id="Vector_3" d="M410.638 463.026C410.046 468.052 409.039 473.056 409.143 478.117C409.182 480.07 409.389 482.006 409.393 483.968C409.401 489.063 408.059 494.068 405.504 498.476C405.235 498.994 404.875 499.459 404.441 499.85C403.417 500.68 401.874 500.611 400.724 499.975C399.601 499.277 398.689 498.286 398.084 497.11C394.864 491.596 394.773 484.893 393.499 478.64C392.522 473.856 390.811 469.219 390.193 464.378C389.791 461.263 389.851 458.086 389.212 455.009C389.017 454.08 388.473 452.684 388.114 451.314C387.785 450.091 387.604 448.89 387.941 448.064C388.628 446.375 390.88 447.032 392.345 447.135C397.504 447.518 402.685 447.505 407.842 447.096C408.352 447.058 408.931 447.036 409.29 447.399C409.446 447.582 409.564 447.795 409.635 448.026C410.046 449.149 410.36 450.306 410.573 451.483C411.286 455.247 411.087 459.193 410.638 463.026Z" fill="#FABDBD"/>
<g id="Group" opacity="0.1">
<path id="Vector_4" opacity="0.1" d="M408.65 447.096C408.384 447.068 408.116 447.068 407.85 447.096C405.378 447.295 402.902 447.395 400.43 447.408C403.17 447.413 405.91 447.31 408.65 447.096Z" fill="black"/>
<path id="Vector_5" opacity="0.1" d="M401.597 499.975C400.474 499.277 399.561 498.286 398.957 497.11C395.737 491.596 395.646 484.893 394.371 478.64C393.395 473.856 391.683 469.219 391.065 464.378C390.664 461.263 390.724 458.086 390.084 455.009C389.89 454.08 389.346 452.684 388.987 451.314C388.658 450.091 388.477 448.89 388.814 448.064C388.957 447.726 389.198 447.438 389.506 447.238C389.814 447.038 390.175 446.934 390.543 446.941C389.449 446.867 388.382 446.997 387.95 448.064C387.613 448.89 387.794 450.091 388.123 451.314C388.481 452.684 389.026 454.08 389.22 455.009C389.86 458.086 389.799 461.263 390.201 464.378C390.819 469.223 392.53 473.86 393.507 478.64C394.782 484.893 394.873 491.604 398.092 497.11C398.697 498.286 399.61 499.277 400.733 499.975C401.423 500.357 402.213 500.517 402.997 500.433C402.506 500.369 402.031 500.214 401.597 499.975Z" fill="black"/>
</g>
<path id="Vector_6" d="M426.978 489.53C424.385 494.716 424.817 502.063 424.817 502.063C425.249 519.349 418.335 555.65 418.335 555.65H412.284C412.284 555.65 411.42 515.459 412.284 512.002C413.149 508.545 411.852 496.445 410.556 479.59C409.592 467.058 412.215 455.701 413.624 450.718C414.108 448.989 414.445 448.043 414.445 448.043C414.445 448.043 424.385 433.35 430.003 440.264C431.299 441.872 431.986 445.117 432.224 449.214C432.993 462.732 428.966 485.55 426.978 489.53Z" fill="#FABDBD"/>
<path id="Vector_7" opacity="0.1" d="M432.224 449.214C431.987 445.117 431.308 441.867 430.003 440.264C428.75 438.726 427.28 438.259 425.759 438.462C426.938 438.658 427.995 439.304 428.706 440.264C430.003 441.872 430.69 445.117 430.928 449.214C431.697 462.732 427.669 485.55 425.681 489.53C423.088 494.716 423.521 502.063 423.521 502.063C423.953 519.349 417.038 555.65 417.038 555.65H418.335C418.335 555.65 425.249 519.349 424.817 502.063C424.817 502.063 424.385 494.716 426.978 489.53C428.966 485.55 432.993 462.732 432.224 449.214Z" fill="black"/>
<path id="Vector_8" d="M409.138 554.073C408.655 554.452 408.238 554.907 407.902 555.421C407.129 556.882 408.226 558.628 409.402 559.79C410.577 560.953 411.995 562.197 411.995 563.852C411.995 565.183 410.988 566.324 409.86 567.033C409.255 567.413 408.494 567.897 408.62 568.615C408.664 568.796 408.741 568.968 408.849 569.12C409.817 570.603 411.532 571.471 413.27 571.8C415.007 572.128 416.8 571.986 418.568 571.843C418.833 571.852 419.091 571.763 419.294 571.592C419.422 571.42 419.49 571.211 419.488 570.996C419.575 570.08 419.519 569.112 419.921 568.286C420.482 567.158 421.775 566.584 422.514 565.572C423.551 564.19 423.408 562.266 423.015 560.585C422.151 556.925 420.227 552.75 417.341 550.214C413.996 547.301 411.373 551.968 409.138 554.073Z" fill="#3F3D56"/>
<path id="Vector_9" d="M422.233 336.244C424.644 332.639 424.018 327.601 421.554 324.014C419.091 320.427 415.132 318.171 411.049 316.714C405.543 314.752 399.471 314.083 393.814 315.556C389.311 316.727 385.266 319.178 381.022 321.071C373.514 324.42 365.351 326.045 357.133 325.824C348.01 325.569 338.014 323.231 330.36 328.219C316.35 337.333 322.582 362.139 309.327 372.299C305.753 375.038 301.255 376.236 297.279 378.349C293.303 380.462 289.534 384.14 289.63 388.643C289.673 390.804 290.623 392.865 291.79 394.693C296.76 402.571 306.052 407.446 315.356 407.355C324.66 407.264 333.74 402.316 339.103 394.702C340.447 392.796 341.631 390.674 343.58 389.403C347.469 386.854 352.595 388.638 357.236 389.019C367.569 389.861 377.906 382.104 379.963 371.927C380.828 367.584 380.676 362.394 384.173 359.667C386.995 357.467 390.966 357.938 394.544 357.562C401.087 356.884 406.252 352.808 409.804 347.484C411.433 345.042 411.623 342.125 413.845 340.202C416.239 338.089 419.942 339.649 422.233 336.244Z" fill="#3F3D56"/>
<g id="Group_2" opacity="0.1">
<path id="Vector_10" opacity="0.1" d="M348.489 326.658C352.279 326.762 356.069 326.473 359.799 325.794C358.77 325.824 357.733 325.824 356.7 325.794C349.539 325.595 341.843 324.117 335.161 325.898C339.569 325.941 344.129 326.537 348.489 326.658Z" fill="black"/>
<path id="Vector_11" opacity="0.1" d="M334.928 390.263C332.979 391.534 331.795 393.656 330.451 395.562C326.32 401.36 320.282 405.522 313.394 407.321C313.899 407.342 314.405 407.355 314.915 407.351C324.228 407.26 333.299 402.312 338.662 394.697C340.006 392.791 341.19 390.67 343.139 389.399L343.476 389.192C340.425 388.772 337.43 388.625 334.928 390.263Z" fill="black"/>
<path id="Vector_12" opacity="0.1" d="M421.118 324.001C418.659 320.431 414.696 318.158 410.612 316.701C405.106 314.739 399.034 314.07 393.377 315.543C393.248 315.574 393.122 315.612 392.997 315.647C396.208 315.826 399.376 316.472 402.401 317.566C406.485 319.022 410.448 321.295 412.907 324.865C415.366 328.435 415.997 333.508 413.585 337.095C411.295 340.513 407.591 338.953 405.167 341.058C402.945 342.981 402.755 345.898 401.126 348.34C398.071 352.908 393.818 356.551 388.524 357.934C390.344 357.718 392.262 357.743 394.078 357.553C400.62 356.875 405.785 352.8 409.337 347.475C410.966 345.034 411.156 342.117 413.378 340.194C415.802 338.089 419.506 339.649 421.796 336.231C424.212 332.626 423.585 327.57 421.118 324.001Z" fill="black"/>
<path id="Vector_13" opacity="0.1" d="M385.871 358.418C382.314 358.789 378.343 358.323 375.499 360.522C372.003 363.249 372.171 368.439 371.29 372.783C369.773 380.376 363.61 386.638 356.294 388.967L356.808 389.014C367.141 389.857 377.478 382.1 379.535 371.923C380.4 367.579 380.249 362.389 383.745 359.662C384.548 359.062 385.459 358.622 386.428 358.366C386.234 358.37 386.057 358.4 385.871 358.418Z" fill="black"/>
</g>
<path id="Vector_14" d="M490.289 320.772C490.289 320.772 479.917 341.516 476.46 349.295C473.003 357.074 441.455 368.742 437.133 369.174C435.974 369.333 434.895 369.853 434.048 370.661C431.606 372.821 430.219 376.521 430.219 376.521C430.219 376.521 431.948 388.189 429.787 407.636C429.744 408.012 429.705 408.388 429.67 408.751C427.786 427.256 431.731 431.621 431.731 431.621C431.731 431.621 389.812 447.611 391.109 426.867C391.515 420.337 391.454 415.566 391.052 411.577C390.613 407.494 389.782 403.462 388.572 399.537C387.548 395.955 386.325 392.027 385.058 386.676C384.449 384.007 383.646 381.386 382.656 378.833C382.625 378.755 382.595 378.677 382.569 378.604C380.408 373.241 378.248 371.508 377.012 370.946C375.845 370.438 374.733 369.813 373.693 369.079C369.7 366.196 361.13 359.736 353.498 352.104C343.126 341.732 332.754 317.099 332.754 317.099C332.754 317.099 329.729 302.838 336.644 291.17C343.558 279.501 340.533 314.074 340.533 314.074C340.533 314.074 353.066 330.928 356.091 338.707C357.647 342.709 360.119 344.757 362.141 345.82C365.483 347.56 368.682 349.559 371.709 351.801C373.755 353.347 375.905 354.751 378.144 356.002C382.975 358.595 388.762 361.521 393.585 362.29C394.338 362.414 395.099 362.479 395.862 362.484C396.224 362.496 396.584 362.424 396.914 362.274C397.244 362.124 397.535 361.9 397.764 361.62C399.06 360.094 399.03 356.81 398.732 354.109C398.573 352.71 398.336 351.32 398.023 349.947C398.023 349.947 412.068 341.088 411.636 351.892C411.569 353.086 411.68 354.283 411.965 355.444C412.194 356.51 412.703 357.496 413.439 358.301C414.175 359.106 415.111 359.701 416.152 360.025C417.839 360.52 419.623 360.578 421.338 360.194C421.873 360.102 422.389 359.926 422.868 359.671C424.164 358.807 437.129 354.917 441.019 354.485C444.908 354.053 464.355 344.545 464.355 344.545L485.531 315.159C485.531 315.159 485.099 297.872 493.742 290.958C502.385 284.043 490.289 320.772 490.289 320.772Z" fill="#FABDBD"/>
<g id="Group_3" opacity="0.1">
<path id="Vector_15" opacity="0.1" d="M429.67 406.158C429.293 409.631 429.127 413.123 429.173 416.616C429.216 414.334 429.368 411.729 429.67 408.751C429.705 408.388 429.744 408.012 429.787 407.636C430.543 400.981 430.904 394.286 430.867 387.588C430.801 393.421 430.44 399.247 429.787 405.043C429.761 405.419 429.705 405.795 429.67 406.158Z" fill="black"/>
<path id="Vector_16" opacity="0.1" d="M398.473 349.671C398.183 349.839 398.04 349.943 398.04 349.943C398.46 351.792 398.738 353.67 398.87 355.561C398.957 353.589 398.824 351.613 398.473 349.671Z" fill="black"/>
<path id="Vector_17" opacity="0.1" d="M340.736 311.727C340.948 308.702 341.264 303.279 341.203 298.456C341.13 304.904 340.555 311.481 340.555 311.481L340.736 311.727Z" fill="black"/>
<path id="Vector_18" opacity="0.1" d="M391.139 426.361C391.139 426.53 391.139 426.699 391.109 426.867C389.812 447.611 431.732 431.621 431.732 431.621C431.241 430.959 430.871 430.216 430.638 429.425C424.324 431.673 392.595 442.122 391.139 426.361Z" fill="black"/>
<path id="Vector_19" opacity="0.1" d="M490.289 318.179C490.289 318.179 479.917 338.923 476.46 346.702C473.003 354.481 441.455 366.149 437.133 366.581C435.974 366.74 434.895 367.26 434.048 368.068C431.606 370.229 430.219 373.928 430.219 373.928C430.219 373.928 430.323 374.632 430.448 375.972C430.932 374.861 432.177 372.312 434.048 370.661C434.895 369.853 435.974 369.333 437.133 369.174C441.455 368.742 473.003 357.074 476.46 349.295C479.917 341.516 490.289 320.772 490.289 320.772C490.289 320.772 497.597 298.581 496.793 291.943C496.127 300.448 490.289 318.179 490.289 318.179Z" fill="black"/>
<path id="Vector_20" opacity="0.1" d="M391.052 408.984C390.613 404.901 389.782 400.869 388.572 396.944C387.548 393.362 386.325 389.434 385.058 384.083C384.449 381.414 383.646 378.793 382.656 376.24C382.625 376.162 382.595 376.084 382.569 376.011C380.408 370.648 378.248 368.915 377.012 368.353C375.845 367.845 374.733 367.22 373.693 366.486C369.7 363.604 361.13 357.143 353.498 349.511C343.126 339.139 332.754 314.506 332.754 314.506C332.371 312.427 332.157 310.319 332.115 308.205C332.009 311.184 332.224 314.166 332.754 317.099C332.754 317.099 343.126 341.732 353.498 352.104C361.13 359.736 369.7 366.196 373.693 369.079C374.741 369.814 375.862 370.44 377.038 370.946C378.269 371.508 380.426 373.241 382.595 378.604C382.621 378.677 382.651 378.755 382.682 378.833C383.667 381.386 384.466 384.007 385.071 386.676C386.338 392.027 387.561 395.955 388.585 399.537C389.795 403.462 390.626 407.494 391.065 411.577C391.247 413.384 391.355 415.35 391.385 417.563C391.438 414.699 391.327 411.835 391.052 408.984Z" fill="black"/>
</g>
<path id="Vector_21" d="M433.853 390.212C433.194 391.302 432.616 392.441 432.125 393.617C431.472 395.432 431.468 397.407 431.347 399.33C431.175 402.029 430.764 404.707 430.12 407.334C430.015 407.817 429.871 408.291 429.688 408.751C429.558 409.061 429.388 409.351 429.182 409.615C428.951 409.897 428.681 410.143 428.378 410.346C427.914 410.655 427.424 410.923 426.913 411.145C420.897 413.954 414.337 416.435 407.773 415.467C404.998 414.982 402.312 414.078 399.808 412.787C397.431 411.634 394.743 410.264 392.28 411.223C391.902 411.415 391.494 411.542 391.074 411.599C390.993 411.6 390.912 411.593 390.832 411.577C390.02 411.422 390.02 408.682 389.834 407.874C389.125 404.771 389.017 402.256 388.594 399.559C388.369 398.068 388.02 396.598 387.552 395.164C385.824 389.935 385.301 384.36 385.301 378.88C385.301 378.608 383.356 378.88 382.708 378.854C382.543 378.854 382.453 378.828 382.492 378.772C382.529 378.719 382.573 378.669 382.621 378.625C382.848 378.442 383.112 378.31 383.395 378.241L383.905 378.089C386.575 377.333 389.523 377.018 391.519 375.138C393.594 373.197 394.112 370.099 394.022 367.264C393.996 366.352 393.55 364.139 393.624 362.303C394.377 362.427 395.138 362.492 395.901 362.497C396.263 362.509 396.623 362.437 396.953 362.287C397.283 362.137 397.574 361.913 397.803 361.633C398.524 363.029 399.148 364.473 399.67 365.954C400.404 367.761 400.966 369.662 402.042 371.296C403.771 373.958 406.96 375.708 410.132 375.44C413.304 375.172 416.256 372.735 416.822 369.606C417.319 366.862 416.165 362.912 416.191 360.06C417.878 360.555 419.662 360.613 421.377 360.228C421.45 360.405 421.512 360.585 421.563 360.769C422.535 364.105 423.832 367.934 427.095 369.118C429.203 369.878 431.697 369.308 433.646 370.414C433.796 370.5 433.94 370.596 434.078 370.7C434.528 371.034 434.916 371.445 435.223 371.914C436.024 373.236 436.5 374.729 436.611 376.27C437.11 381.089 436.149 385.946 433.853 390.212Z" fill="#6C63FF"/>
<path id="Vector_22" opacity="0.1" d="M411.965 355.44C409.809 356.271 407.488 356.583 405.189 356.351C402.89 356.119 400.678 355.35 398.732 354.105C398.573 352.705 398.336 351.316 398.023 349.943C398.023 349.943 412.068 341.084 411.636 351.888C411.569 353.082 411.68 354.279 411.965 355.44Z" fill="black"/>
<path id="Vector_23" d="M406.662 355.561C414.777 355.561 421.355 348.983 421.355 340.868C421.355 332.753 414.777 326.174 406.662 326.174C398.547 326.174 391.969 332.753 391.969 340.868C391.969 348.983 398.547 355.561 406.662 355.561Z" fill="#FABDBD"/>
<path id="Vector_24" d="M380.953 377.385C380.953 377.385 409.475 359.234 498.068 378.682C586.66 398.129 638.087 382.571 638.087 382.571V402.882C638.087 402.882 538.691 413.686 500.661 402.882C462.631 392.078 408.494 385.847 389.536 402.576L380.953 377.385Z" fill="#F86D70"/>
<path id="Vector_25" opacity="0.1" d="M380.953 377.385C380.953 377.385 409.475 359.234 498.068 378.682C586.66 398.129 638.087 382.571 638.087 382.571V402.882C638.087 402.882 538.691 413.686 500.661 402.882C462.631 392.078 408.494 385.847 389.536 402.576L380.953 377.385Z" fill="black"/>
<path id="Vector_26" d="M381.817 378.249C381.817 378.249 409.475 360.099 498.068 379.546C586.66 398.993 637.223 383.435 637.223 383.435L637.655 402.018C637.655 402.018 539.123 412.822 501.093 402.018C463.063 391.214 409.359 383.686 390.4 400.415L381.817 378.249Z" fill="#F86D70"/>
<path id="Vector_27" d="M371.42 406.167C371.42 406.167 342.897 424.317 254.305 404.87C165.713 385.423 170.034 400.981 170.034 400.981V380.669C170.034 380.669 213.682 369.865 251.712 380.669C289.742 391.473 343.878 397.705 362.837 380.976L371.42 406.167Z" fill="#F86D70"/>
<path id="Vector_28" opacity="0.1" d="M371.42 406.167C371.42 406.167 342.897 424.317 254.305 404.87C165.713 385.423 170.034 400.981 170.034 400.981V380.669C170.034 380.669 213.682 369.865 251.712 380.669C289.742 391.473 343.878 397.705 362.837 380.976L371.42 406.167Z" fill="black"/>
<path id="Vector_29" d="M370.555 405.302C370.555 405.302 342.897 423.453 254.305 404.006C165.713 384.559 170.898 400.117 170.898 400.117L170.466 381.534C170.466 381.534 213.25 370.73 251.28 381.534C289.31 392.338 343.014 399.866 361.973 383.137L370.555 405.302Z" fill="#F86D70"/>
<path id="Vector_30" d="M394.026 343.301C393.594 340.604 392.928 337.207 395.184 335.665C395.988 335.177 396.919 334.936 397.859 334.973C402.531 334.926 406.995 338.18 411.576 337.229C413.034 336.923 414.372 336.203 415.43 335.155C416.489 334.107 417.222 332.775 417.541 331.321C417.861 329.866 417.753 328.35 417.232 326.954C416.71 325.559 415.796 324.344 414.601 323.456C412.799 322.116 410.521 321.632 408.317 321.179C402.522 319.986 396.472 318.797 390.75 320.314C385.028 321.831 379.799 326.961 380.257 332.847C380.473 335.665 381.908 338.223 383.408 340.626C384.549 342.449 388.991 350.998 391.148 351.127C394.19 351.304 394.324 345.064 394.026 343.301Z" fill="#3F3D56"/>
<path id="Vector_31" d="M430.435 424.274C430.435 424.274 400.616 431.621 390.677 424.274C390.677 424.274 386.355 441.128 387.651 449.771C387.651 449.771 408.827 451.068 410.988 452.364C410.988 452.364 411.42 448.907 413.581 450.636C413.581 450.636 420.928 441.993 434.324 449.771C434.324 449.771 436.917 429.46 430.435 424.274Z" fill="#6C63FF"/>
<path id="Vector_32" opacity="0.1" d="M414.61 323.456C414.302 323.233 413.98 323.031 413.646 322.851C414.538 323.865 415.148 325.095 415.415 326.418C415.682 327.742 415.598 329.112 415.169 330.393C414.741 331.673 413.984 332.819 412.974 333.715C411.965 334.612 410.737 335.227 409.415 335.5C404.834 336.451 400.37 333.197 395.698 333.244C394.758 333.208 393.828 333.448 393.023 333.936C390.767 335.479 391.429 338.875 391.861 341.572C392.146 343.335 392.029 349.576 388.996 349.407H388.944C389.778 350.423 390.556 351.11 391.156 351.136C394.181 351.304 394.307 345.086 394.022 343.301C393.589 340.604 392.928 337.207 395.184 335.665C395.989 335.177 396.919 334.936 397.859 334.973C402.531 334.926 406.995 338.18 411.576 337.229C413.034 336.923 414.372 336.203 415.43 335.155C416.489 334.107 417.222 332.775 417.541 331.321C417.861 329.866 417.753 328.35 417.232 326.954C416.71 325.559 415.797 324.344 414.601 323.456H414.61Z" fill="black"/>
</g>
<g id="check6">
<path id="Vector_33" d="M254 255C267.807 255 279 243.807 279 230C279 216.193 267.807 205 254 205C240.193 205 229 216.193 229 230C229 243.807 240.193 255 254 255Z" fill="white"/>
<path id="checkCircle-6" d="M254 250C265.046 250 274 241.046 274 230C274 218.954 265.046 210 254 210C242.954 210 234 218.954 234 230C234 241.046 242.954 250 254 250Z" fill="#6C63FF"/>
<path id="check-6" d="M250.644 238L245 231.156L248.282 228.748L250.954 231.988L259.981 223L263 225.698L250.644 238Z" fill="#89DA32"/>
</g>
<g id="check7">
<path id="Vector_36" d="M131 266C144.807 266 156 254.807 156 241C156 227.193 144.807 216 131 216C117.193 216 106 227.193 106 241C106 254.807 117.193 266 131 266Z" fill="white"/>
<path id="checkCircle-7" d="M131 261C142.046 261 151 252.046 151 241C151 229.954 142.046 221 131 221C119.954 221 111 229.954 111 241C111 252.046 119.954 261 131 261Z" fill="#6C63FF"/>
<path id="check-7" d="M127.644 249L122 242.156L125.282 239.748L127.954 242.988L136.981 234L140 236.698L127.644 249Z" fill="#89DA32"/>
</g>
<g id="check8">
<path id="Vector_39" d="M79 359C92.8071 359 104 347.807 104 334C104 320.193 92.8071 309 79 309C65.1929 309 54 320.193 54 334C54 347.807 65.1929 359 79 359Z" fill="white"/>
<path id="checkCircle-8" d="M79 354C90.0457 354 99 345.046 99 334C99 322.954 90.0457 314 79 314C67.9543 314 59 322.954 59 334C59 345.046 67.9543 354 79 354Z" fill="#6C63FF"/>
<path id="check-8" d="M75.6437 342L70 335.156L73.2819 332.748L75.9542 335.988L84.9815 327L88 329.698L75.6437 342Z" fill="#89DA32"/>
</g>
<g id="check9">
<path id="Vector_42" d="M143.5 456C164.211 456 181 439.211 181 418.5C181 397.789 164.211 381 143.5 381C122.789 381 106 397.789 106 418.5C106 439.211 122.789 456 143.5 456Z" fill="white"/>
<path id="checkCircle-9" d="M143.5 451C161.449 451 176 436.449 176 418.5C176 400.551 161.449 386 143.5 386C125.551 386 111 400.551 111 418.5C111 436.449 125.551 451 143.5 451Z" fill="#6C63FF"/>
<path id="check-9" d="M134.736 438L120 420.205L128.569 413.944L135.547 422.37L159.118 399L167 406.014L134.736 438Z" fill="#89DA32"/>
</g>
<g id="check10">
<path id="check-10" d="M300 531C341.421 531 375 497.421 375 456C375 414.579 341.421 381 300 381C258.579 381 225 414.579 225 456C225 497.421 258.579 531 300 531Z" fill="white"/>
<path id="checkCircle-10" d="M300 521C335.899 521 365 491.899 365 456C365 420.101 335.899 391 300 391C264.101 391 235 420.101 235 456C235 491.899 264.101 521 300 521Z" fill="#6C63FF"/>
<path id="check-10" d="M284.71 490L259 458.972L273.951 448.056L286.125 462.748L327.249 422L341 434.229L284.71 490Z" fill="#89DA32"/>
</g>
<g id="line-1" filter="url(#filter5_d)">
<path d="M43.5 43.5C20.8333 79.5 -3.80001 148.4 79 136" stroke="#E73C7E" stroke-width="5"/>
</g>
<g id="line-2" filter="url(#filter6_d)">
<path d="M148.5 110C161.7 96.4 190 104.333 202.5 110" stroke="#E73C7E" stroke-width="5"/>
</g>
<g id="line-3" filter="url(#filter7_d)">
<path d="M238 116C248 123.833 276 127.1 308 77.5" stroke="#E73C7E" stroke-width="5"/>
</g>
<g id="line-4" filter="url(#filter8_d)">
<path d="M323.5 43.5C333.667 13 362.2 -14.7 395 118.5" stroke="#E73C7E" stroke-width="5"/>
</g>
<g id="check3">
<path id="Vector_48" d="M220 136C233.807 136 245 124.807 245 111C245 97.1929 233.807 86 220 86C206.193 86 195 97.1929 195 111C195 124.807 206.193 136 220 136Z" fill="white"/>
<path id="checkCircle-3" d="M220 131C231.046 131 240 122.046 240 111C240 99.9543 231.046 91 220 91C208.954 91 200 99.9543 200 111C200 122.046 208.954 131 220 131Z" fill="#6C63FF"/>
<path id="check-3" d="M216.644 119L211 112.156L214.282 109.748L216.954 112.988L225.981 104L229 106.698L216.644 119Z" fill="#89DA32"/>
</g>
<g id="check4">
<path id="Vector_51" d="M316 85C329.807 85 341 73.8071 341 60C341 46.1929 329.807 35 316 35C302.193 35 291 46.1929 291 60C291 73.8071 302.193 85 316 85Z" fill="white"/>
<path id="checkCircle-4" d="M316 80C327.046 80 336 71.0457 336 60C336 48.9543 327.046 40 316 40C304.954 40 296 48.9543 296 60C296 71.0457 304.954 80 316 80Z" fill="#6C63FF"/>
<path id="check-4" d="M312.644 68L307 61.1556L310.282 58.7475L312.954 61.9885L321.981 53L325 55.6976L312.644 68Z" fill="#89DA32"/>
</g>
<g id="check5">
<path id="Vector_54" d="M382 201C406.853 201 427 180.853 427 156C427 131.147 406.853 111 382 111C357.147 111 337 131.147 337 156C337 180.853 357.147 201 382 201Z" fill="white"/>
<path id="checkCircle-5" d="M382 196C404.091 196 422 178.091 422 156C422 133.909 404.091 116 382 116C359.909 116 342 133.909 342 156C342 178.091 359.909 196 382 196Z" fill="#6C63FF"/>
<path id="check-5" d="M375.363 177L360 158.292L368.934 151.71L376.209 160.568L400.783 136L409 143.373L375.363 177Z" fill="#89DA32"/>
</g>
<g id="check1">
<path id="Vector_57" d="M49 60C65.5685 60 79 46.5685 79 30C79 13.4315 65.5685 0 49 0C32.4315 0 19 13.4315 19 30C19 46.5685 32.4315 60 49 60Z" fill="#E6E6E6"/>
<path id="checkCircle-1" d="M49 55C62.8071 55 74 43.8071 74 30C74 16.1929 62.8071 5 49 5C35.1929 5 24 16.1929 24 30C24 43.8071 35.1929 55 49 55Z" fill="#6C63FF"/>
<path id="check-1" d="M46.5249 40L39 30.8741L43.3759 27.6634L46.9389 31.9846L58.9753 20L63 23.5968L46.5249 40Z" fill="#89DA32"/>
</g>
<g id="check2">
<path id="Vector_60" d="M114.5 166C137.972 166 157 146.972 157 123.5C157 100.028 137.972 81 114.5 81C91.0279 81 72 100.028 72 123.5C72 146.972 91.0279 166 114.5 166Z" fill="white"/>
<path id="checkCircle-2" d="M114.5 161C135.211 161 152 144.211 152 123.5C152 102.789 135.211 86 114.5 86C93.7893 86 77 102.789 77 123.5C77 144.211 93.7893 161 114.5 161Z" fill="#6C63FF"/>
<path id="check-2" d="M106.423 142L92 124.661L100.387 118.56L107.216 126.771L130.286 104L138 110.834L106.423 142Z" fill="#89DA32"/>
</g>
</g>
<defs>
<filter id="filter0_d" x="75.5158" y="354.72" width="47.4674" height="48.2333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="174.659" y="410.023" width="65.4586" height="26.2128" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="264.965" y="196.264" width="119.834" height="42.8717" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter3_d" x="131.776" y="199.856" width="110.072" height="30.9541" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter4_d" x="73.0009" y="247.261" width="43.2956" height="78.3052" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter5_d" x="5.0931" y="42.168" width="68.2771" height="105.806" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter6_d" x="142.706" y="99.9914" width="64.8262" height="20.2856" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter7_d" x="232.458" y="76.1447" width="81.6424" height="54.8892" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter8_d" x="317.128" y="15.7643" width="84.2992" height="111.333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
</div>
</div>
</div>
<div class="mobile-view">
</div>
</div>
</body>
<script src="./questions.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Include lazylinepainter -->
<script src="assets/lazy-line-painter-1.9.6.min.js"></script>
<script>
$(document).ready(function() {
$(".buttons").click(function() {
console.log('Reached here')
$("#morf").replaceWith($("#takeInput"));
$("#takeInput").css("display", "block")
});
});
$(document).ready(function() {
$("#enter-btn").click(function() {
console.log('Reached here question shower')
if (user.name == '') {
showSnakBar("Please enter your name! ")
} else {
$(".content").replaceWith($("#question"));
$("#question").css("display", "block")
}
});
});
</script>
</html>