-
Notifications
You must be signed in to change notification settings - Fork 23
/
html-survey-form.html
503 lines (472 loc) · 41.2 KB
/
html-survey-form.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
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
<div class="formbold-main-wrapper">
<!-- Author: FormBold Team -->
<!-- Learn More: https://formbold.com -->
<div class="formbold-form-wrapper">
<svg class="formbold-form-img" width="490" height="207" viewBox="0 0 490 207" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1725_3865)">
<path d="M149.501 1.92577C156.617 -1.09181 165.536 -0.759987 171.358 4.32828C163.082 5.78502 155.586 10.1262 150.199 16.5838C148.13 19.0817 146.089 22.0758 142.908 22.6953C140.928 23.0809 138.86 22.4173 137.17 21.3156C135.48 20.2137 134.105 18.7014 132.749 17.2063L132.277 17.0309C136.827 10.7766 142.386 4.94335 149.501 1.92577Z" fill="#F0F0F0"/>
<path d="M171.269 4.46385C165.006 3.16439 158.493 3.87404 152.656 6.49199C151.389 7.03324 150.216 7.77102 149.178 8.67819C148.197 9.59458 147.478 10.7575 147.096 12.0462C146.717 13.2406 146.467 14.5064 145.804 15.5876C145.456 16.136 144.997 16.6047 144.456 16.9629C143.915 17.321 143.304 17.5606 142.664 17.6659C141.076 17.9699 139.474 17.6843 137.917 17.3506C136.187 16.98 134.397 16.5676 132.64 17.0022C132.427 17.0549 132.358 16.7209 132.57 16.6684C135.628 15.9122 138.586 17.5962 141.645 17.4443C143.073 17.3733 144.488 16.8712 145.343 15.6674C146.091 14.6147 146.35 13.3097 146.724 12.097C147.077 10.8344 147.734 9.67764 148.637 8.72783C149.625 7.77071 150.768 6.98888 152.017 6.41581C154.81 5.08073 157.796 4.19368 160.864 3.78714C164.363 3.30371 167.918 3.42321 171.377 4.14045C171.591 4.18493 171.482 4.50803 171.269 4.46384L171.269 4.46385Z" fill="white"/>
<path d="M154.486 5.53748C154.18 4.49716 154.254 3.3819 154.693 2.39088C155.133 1.39986 155.91 0.597602 156.886 0.127385C157.084 0.0329201 157.24 0.336242 157.042 0.43083C156.132 0.867016 155.408 1.61439 155.001 2.53806C154.593 3.46174 154.529 4.50087 154.819 5.46791C154.882 5.67813 154.548 5.7465 154.486 5.53748V5.53748Z" fill="white"/>
<path d="M147.209 11.4162C149.143 12.4949 151.412 12.804 153.564 12.2819C153.777 12.2299 153.846 12.5639 153.633 12.6157C151.393 13.1548 149.033 12.8284 147.023 11.7015C146.831 11.5939 147.019 11.3092 147.209 11.4162Z" fill="white"/>
<path d="M164.242 3.7391C164.276 4.1663 164.416 4.57823 164.649 4.93789C164.882 5.29756 165.2 5.59369 165.575 5.7997C165.768 5.90476 165.58 6.18935 165.389 6.08497C164.975 5.85543 164.624 5.52794 164.366 5.13114C164.108 4.73434 163.951 4.28029 163.908 3.80866C163.9 3.76454 163.91 3.71913 163.934 3.68166C163.959 3.6442 163.997 3.61748 164.04 3.60695C164.084 3.59796 164.13 3.60679 164.168 3.63154C164.206 3.65628 164.232 3.69494 164.242 3.7391V3.7391Z" fill="white"/>
<path d="M170.662 30.5178C170.54 30.4556 170.417 30.3934 170.292 30.3326C168.645 29.5053 166.932 28.8133 165.173 28.2637C165.037 28.219 164.899 28.1758 164.763 28.1351C160.509 26.856 156.056 26.3789 151.628 26.7279C149.866 26.8684 148.118 27.1429 146.398 27.549C144.022 28.11 141.491 28.9076 139.138 28.6574C138.893 28.634 138.649 28.5955 138.408 28.5419L132.1 17.6213C132.098 17.5893 132.094 17.5586 132.092 17.5264L131.82 17.102C131.908 17.0748 131.999 17.0485 132.086 17.0214C132.136 17.0054 132.188 16.9919 132.239 16.9759C132.273 16.9661 132.307 16.9563 132.338 16.9454C132.349 16.9421 132.36 16.9389 132.369 16.937C132.399 16.9261 132.429 16.9193 132.456 16.9098C132.965 16.7615 133.476 16.6165 133.988 16.4749C133.991 16.4734 133.991 16.4734 133.995 16.4744C137.89 15.3575 141.904 14.7073 145.952 14.5373C146.073 14.5339 146.196 14.5289 146.32 14.5304C148.131 14.4884 149.943 14.5947 151.737 14.8482C152.718 14.9902 153.692 15.1819 154.655 15.4225C157.141 16.049 159.512 17.0631 161.683 18.4276C166.011 21.1485 169.421 25.2248 170.577 30.1413C170.607 30.2671 170.635 30.3906 170.662 30.5178Z" fill="#F0F0F0"/>
<path d="M170.509 30.5735C166.29 25.7601 160.663 22.4003 154.428 20.9714C153.091 20.6399 151.711 20.5215 150.337 20.6205C149.002 20.7603 147.729 21.2554 146.65 22.0546C145.628 22.7794 144.668 23.6393 143.488 24.103C142.881 24.3313 142.233 24.4286 141.585 24.3884C140.938 24.3481 140.306 24.1713 139.732 23.8695C138.281 23.1548 137.173 21.9608 136.131 20.7555C134.973 19.4172 133.792 18.0087 132.127 17.2962C131.925 17.2098 132.071 16.9015 132.272 16.9877C135.168 18.2274 136.517 21.355 139.052 23.0783C140.234 23.8824 141.666 24.3345 143.072 23.8888C144.302 23.4991 145.294 22.6133 146.322 21.8704C147.363 21.0754 148.583 20.5478 149.875 20.3337C151.239 20.165 152.622 20.2299 153.964 20.5258C156.997 21.1436 159.914 22.235 162.608 23.7601C165.692 25.4835 168.46 27.7227 170.79 30.3806C170.934 30.5451 170.652 30.737 170.509 30.5735H170.509Z" fill="white"/>
<path d="M156.463 21.3131C156.844 20.2982 157.573 19.4521 158.52 18.9259C159.467 18.3997 160.57 18.2276 161.632 18.4405C161.847 18.4843 161.789 18.8205 161.574 18.7767C160.585 18.5766 159.558 18.7369 158.677 19.2287C157.796 19.7205 157.12 20.5114 156.771 21.4586C156.694 21.6644 156.387 21.5177 156.463 21.3132V21.3131Z" fill="white"/>
<path d="M147.119 21.6183C148.015 23.6455 149.641 25.2603 151.672 26.1405C151.874 26.2276 151.728 26.5359 151.527 26.449C149.415 25.529 147.726 23.8452 146.799 21.7336C146.71 21.5322 147.031 21.4181 147.119 21.6183V21.6183Z" fill="white"/>
<path d="M165.334 25.7571C165.104 26.119 164.969 26.5323 164.938 26.9598C164.908 27.3873 164.984 27.8157 165.16 28.2065C165.251 28.4066 164.929 28.5205 164.839 28.3217C164.647 27.8891 164.563 27.4159 164.596 26.9434C164.628 26.471 164.776 26.0138 165.026 25.6116C165.046 25.5717 165.081 25.5411 165.123 25.526C165.165 25.5109 165.211 25.5123 165.252 25.5301C165.293 25.5496 165.324 25.5844 165.34 25.6269C165.355 25.6694 165.353 25.7162 165.334 25.7571V25.7571Z" fill="white"/>
<path d="M418.466 201.329H412.882L410.226 179.762L418.467 179.762L418.466 201.329Z" fill="#A0616A"/>
<path d="M419.89 206.75L401.885 206.749V206.521C401.885 204.66 402.624 202.875 403.938 201.559C405.252 200.243 407.034 199.504 408.893 199.504H408.894L419.89 199.504L419.89 206.75Z" fill="#2F2E41"/>
<path d="M461.945 198.909L456.423 199.744L450.577 178.817L457.815 177.584L461.945 198.909Z" fill="#A0616A"/>
<path d="M464.162 204.055L446.359 206.749L446.325 206.524C446.047 204.684 446.511 202.808 447.614 201.31C448.717 199.812 450.369 198.815 452.207 198.536L452.207 198.536L463.081 196.891L464.162 204.055Z" fill="#2F2E41"/>
<path d="M302.67 206.75H135.818V39.6758H302.67V206.75Z" fill="white"/>
<path d="M302.67 206.75H135.818V39.6758H302.67V206.75ZM138.284 204.282H300.204V42.1443H138.284V204.282Z" fill="#F0F0F0"/>
<path d="M277.228 111.498H170.221V115.28H277.228V111.498Z" fill="#6A64F1"/>
<path d="M277.228 121.332H170.221V125.114H277.228V121.332Z" fill="#6A64F1"/>
<path d="M277.228 131.166H170.221V134.948H277.228V131.166Z" fill="#6A64F1"/>
<path d="M163.725 116.412C165.087 116.412 166.191 115.306 166.191 113.943C166.191 112.58 165.087 111.475 163.725 111.475C162.364 111.475 161.26 112.58 161.26 113.943C161.26 115.306 162.364 116.412 163.725 116.412Z" fill="#6A64F1"/>
<path d="M277.228 69.123H170.221V72.9055H277.228V69.123Z" fill="#F0F0F0"/>
<path d="M277.228 78.957H170.221V82.7395H277.228V78.957Z" fill="#F0F0F0"/>
<path d="M277.228 88.791H170.221V92.5735H277.228V88.791Z" fill="#F0F0F0"/>
<path d="M163.725 73.6245C165.087 73.6245 166.191 72.5193 166.191 71.156C166.191 69.7927 165.087 68.6875 163.725 68.6875C162.364 68.6875 161.26 69.7927 161.26 71.156C161.26 72.5193 162.364 73.6245 163.725 73.6245Z" fill="#F0F0F0"/>
<path d="M277.228 154.285H170.221V158.068H277.228V154.285Z" fill="#F0F0F0"/>
<path d="M277.228 164.121H170.221V167.904H277.228V164.121Z" fill="#F0F0F0"/>
<path d="M277.228 173.955H170.221V177.738H277.228V173.955Z" fill="#F0F0F0"/>
<path d="M163.725 158.789C165.087 158.789 166.191 157.683 166.191 156.32C166.191 154.957 165.087 153.852 163.725 153.852C162.364 153.852 161.26 154.957 161.26 156.32C161.26 157.683 162.364 158.789 163.725 158.789Z" fill="#E5E5E5"/>
<path d="M392.235 140.749H295.152C293.698 140.746 292.519 138.332 292.517 135.351V63.0297C292.517 60.0494 293.698 57.6358 295.152 57.6309H392.235C393.689 57.6346 394.868 60.0488 394.87 63.0297V135.35C394.868 138.33 393.687 140.746 392.235 140.749Z" fill="white"/>
<path d="M392.235 140.749H295.152C293.698 140.746 292.519 138.332 292.517 135.351V63.0297C292.517 60.0494 293.698 57.6358 295.152 57.6309H392.235C393.689 57.6346 394.868 60.0488 394.87 63.0297V135.35C394.868 138.33 393.687 140.746 392.235 140.749ZM295.152 59.7902C294.279 59.7902 293.572 61.2416 293.571 63.0297V135.35C293.571 137.138 294.279 138.588 295.152 138.589H392.235C393.108 138.589 393.815 137.139 393.816 135.35V63.0297C393.816 61.2417 393.108 59.7921 392.235 59.7903L295.152 59.7902Z" fill="#E6E6E6"/>
<path d="M356.838 116.6H330.706V118.566H356.838V116.6Z" fill="#6A64F1"/>
<path d="M360.097 121.711H327.209V123.678H360.097V121.711Z" fill="#6A64F1"/>
<path d="M360.756 91.7889C360.755 94.7449 359.988 97.6501 358.531 100.221C357.074 102.791 354.975 104.94 352.441 106.456C349.907 107.972 347.023 108.804 344.072 108.87C341.121 108.937 338.203 108.236 335.603 106.836L335.599 106.833C332.944 105.4 330.715 103.288 329.139 100.712C327.564 98.1357 326.699 95.1875 326.633 92.1675C326.566 89.1476 327.3 86.164 328.76 83.5207C330.22 80.8773 332.353 78.6687 334.943 77.12C337.533 75.5712 340.487 74.7376 343.503 74.7042C346.52 74.6707 349.491 75.4385 352.115 76.9294C354.738 78.4203 356.92 80.581 358.438 83.1913C359.956 85.8016 360.756 88.7682 360.756 91.7889V91.7889Z" fill="#CACACA"/>
<path d="M343.78 90.9612C346.342 90.9612 348.419 88.8817 348.419 86.3165C348.419 83.7514 346.342 81.6719 343.78 81.6719C341.219 81.6719 339.142 83.7514 339.142 86.3165C339.142 88.8817 341.219 90.9612 343.78 90.9612Z" fill="white"/>
<path d="M351.701 100.557C346.515 102.38 340.861 102.358 335.69 100.495L335.686 100.493L339.142 93.6621H348.419L351.701 100.557Z" fill="white"/>
<path d="M275.296 166.61H348.141V134.627H347.02V165.487H275.296V166.61Z" fill="#3F3D56"/>
<path d="M347.581 145.981C350.985 145.981 353.744 143.217 353.744 139.809C353.744 136.4 350.985 133.637 347.581 133.637C344.176 133.637 341.417 136.4 341.417 139.809C341.417 143.217 344.176 145.981 347.581 145.981Z" fill="#3F3D56"/>
<path d="M140.6 96.4585H43.5172C42.0628 96.4548 40.8839 94.0405 40.8821 91.0596V18.7387C40.8821 15.7584 42.0628 13.3448 43.5172 13.3398H140.6C142.054 13.3436 143.233 15.7578 143.235 18.7387V91.059C143.233 94.0393 142.052 96.4548 140.6 96.4585Z" fill="white"/>
<path d="M140.6 96.4585H43.5172C42.0628 96.4548 40.8839 94.0405 40.8821 91.0596V18.7387C40.8821 15.7584 42.0628 13.3448 43.5172 13.3398H140.6C142.054 13.3436 143.233 15.7578 143.235 18.7387V91.059C143.233 94.0393 142.052 96.4548 140.6 96.4585ZM43.5172 15.4992C42.6442 15.4992 41.9371 16.9506 41.9359 18.7387V91.059C41.9359 92.847 42.6442 94.2966 43.5172 94.2984H140.6C141.473 94.2984 142.18 92.8476 142.181 91.059V18.7387C142.181 16.9507 141.473 15.5011 140.6 15.4993L43.5172 15.4992Z" fill="#E6E6E6"/>
<path d="M113.611 35.9331C109.291 31.3402 103.344 28.6279 97.0479 28.3789V52.5183L113.611 35.9331Z" fill="#3F3D56"/>
<path d="M113.611 38.9395L97.0479 55.5247H120.195C120.203 49.3558 117.847 43.4191 113.611 38.9395V38.9395Z" fill="#E4E4E4"/>
<path d="M120.22 57.2578C120.221 58.7624 120.082 60.2637 119.805 61.7425C119.783 61.8596 119.76 61.9755 119.737 62.0914C119.214 64.6709 118.271 67.1465 116.944 69.4188C116.874 69.5407 116.801 69.6626 116.728 69.7821V69.7833C115.421 71.937 113.786 73.8734 111.883 75.5227C111.789 75.6051 111.695 75.6864 111.599 75.7664C107.509 79.212 102.388 81.1934 97.0474 81.397V57.2578H120.22Z" fill="#F0F0F0"/>
<path d="M94.7062 81.4187C95.0266 81.4187 95.3451 81.4105 95.6625 81.3981V57.2578L78.1301 74.8136C82.6052 79.0623 88.5394 81.427 94.7062 81.4187V81.4187Z" fill="#CACACA"/>
<path d="M94.7389 31.3633C91.5703 31.3633 88.4328 31.9882 85.5053 33.2024C82.5779 34.4166 79.918 36.1963 77.6774 38.4398C75.4369 40.6834 73.6596 43.3469 72.447 46.2782C71.2345 49.2095 70.6103 52.3513 70.6104 55.5242H95.7203V31.3848C95.3946 31.3718 95.0678 31.3633 94.7389 31.3633Z" fill="#6A64F1"/>
<path d="M88.9828 57.2578L83.9098 62.3376L83.744 62.5037L83.7403 62.5072L79.3166 66.9357L79.1484 67.1042L74.3689 71.89L74.2006 72.0585V72.0597L71.45 74.8129C69.0616 72.5575 67.1593 69.8366 65.8604 66.8175C64.5615 63.7984 63.8934 60.5451 63.8972 57.2578H88.9828Z" fill="#6A64F1"/>
<path d="M170.499 123.303H97.655V91.3203H98.7756V122.18H170.499V123.303Z" fill="#3F3D56"/>
<path d="M98.2153 102.674C101.619 102.674 104.379 99.9108 104.379 96.5021C104.379 93.0934 101.619 90.3301 98.2153 90.3301C94.8111 90.3301 92.0515 93.0934 92.0515 96.5021C92.0515 99.9108 94.8111 102.674 98.2153 102.674Z" fill="#3F3D56"/>
<path d="M444.728 94.4492L438.528 96.0758L438.94 106.141L438.991 124.467C438.38 124.89 437.912 125.489 437.649 126.184C437.385 126.88 437.338 127.639 437.515 128.361C437.692 129.083 438.083 129.735 438.638 130.23C439.192 130.725 439.884 131.039 440.62 131.132C441.357 131.224 442.105 131.091 442.764 130.749C443.424 130.407 443.964 129.873 444.314 129.216C444.663 128.56 444.806 127.813 444.722 127.074C444.638 126.335 444.333 125.639 443.845 125.078L445.751 106.685L444.728 94.4492Z" fill="#A0616A"/>
<path d="M446.463 100.501L437.4 97.4456L437.379 97.3088C437.366 97.2229 436.036 88.6282 436.053 82.7317C436.034 82.0749 436.16 81.422 436.419 80.8186C436.679 80.2152 437.067 79.6758 437.556 79.238C438.237 78.616 439.084 78.2067 439.994 78.0601C440.904 77.9136 441.837 78.0363 442.678 78.4132C443.577 78.7842 444.35 79.4066 444.905 80.2058C445.459 81.005 445.773 81.9473 445.807 82.9201L446.463 100.501Z" fill="#E4E4E4"/>
<path d="M429.603 99.6572L415.742 96.0645L409.335 117.672L409.107 198.17L419.707 198.104L424.138 132.951L452.377 193.153L463.763 191.785L438.94 127.25C438.94 127.25 440.307 115.848 435.98 110.147L436.891 104.218L429.603 99.6572Z" fill="#2F2E41"/>
<path d="M437.301 105.815L436.252 105.798L414.951 97.2726L425.142 74.5453L429.98 75.4258L429.099 71.8979L439.79 69.2812L441.65 76.7313L444.394 79.2294C445.085 79.8592 445.579 80.6764 445.815 81.5818C446.052 82.4871 446.02 83.4417 445.725 84.3296L439.403 103.323C439.455 103.629 439.439 103.943 439.357 104.242C439.276 104.542 439.13 104.82 438.93 105.057C438.73 105.295 438.48 105.485 438.199 105.616C437.918 105.747 437.611 105.815 437.301 105.815L437.301 105.815Z" fill="#E4E4E4"/>
<path d="M421.282 88.7962L415.678 85.6816L409.029 93.2423L396.419 106.524C395.686 106.407 394.934 106.516 394.264 106.836C393.593 107.156 393.036 107.672 392.665 108.317C392.294 108.961 392.127 109.703 392.187 110.444C392.246 111.186 392.529 111.891 392.997 112.468C393.466 113.045 394.098 113.466 394.811 113.675C395.524 113.884 396.283 113.872 396.989 113.64C397.694 113.407 398.313 112.966 398.762 112.374C399.212 111.782 399.471 111.067 399.506 110.324L413.577 98.3479L421.282 88.7962Z" fill="#A0616A"/>
<path d="M418.359 94.3725L413.917 85.8929L413.996 85.7793C414.046 85.708 419.017 78.5756 423.098 74.325C423.538 73.8377 424.079 73.4525 424.683 73.1961C425.287 72.9397 425.94 72.8183 426.596 72.8405C427.517 72.8623 428.412 73.1528 429.171 73.6765C429.929 74.2001 430.519 74.9341 430.867 75.7885C431.261 76.6784 431.39 77.663 431.239 78.6246C431.089 79.5861 430.665 80.4839 430.018 81.2106L418.359 94.3725Z" fill="#E4E4E4"/>
<path d="M431.88 67.8955C436.571 67.8955 440.374 64.0875 440.374 59.3901C440.374 54.6927 436.571 50.8848 431.88 50.8848C427.189 50.8848 423.386 54.6927 423.386 59.3901C423.386 64.0875 427.189 67.8955 431.88 67.8955Z" fill="#A0616A"/>
<path d="M421.659 54.402C423.087 51.8414 423.634 50.7718 425.475 49.2148C427.104 47.8377 429.107 47.4333 430.723 48.7381C432.634 47.9111 434.761 47.7236 436.787 48.2034C438.814 48.6832 440.632 49.8047 441.971 51.4013C443.31 52.998 444.099 54.9846 444.221 57.066C444.342 59.1474 443.79 61.2127 442.647 62.955C441.503 64.6973 439.828 66.0236 437.872 66.7371C435.915 67.4506 433.781 67.513 431.786 66.9152C429.792 66.3174 428.043 65.0913 426.799 63.4188C425.556 61.7464 424.884 59.717 424.884 57.632C424.886 57.2659 424.908 56.9001 424.95 56.5364C423.546 56.3389 423.063 54.5995 421.659 54.402Z" fill="#2F2E41"/>
<path d="M45.9981 128.757C46.3979 128.516 46.7402 128.191 47.0008 127.803C47.2614 127.416 47.434 126.976 47.5065 126.514C47.5789 126.053 47.5495 125.581 47.4201 125.132C47.2908 124.684 47.0648 124.269 46.758 123.917L50.9046 82.25L43.9806 82.7101L42.0624 123.739C41.5062 124.294 41.1728 125.035 41.1253 125.82C41.0777 126.605 41.3194 127.38 41.8046 127.998C42.2897 128.617 42.9845 129.036 43.7574 129.175C44.5303 129.315 45.3276 129.166 45.9981 128.757V128.757Z" fill="#FFB8B8"/>
<path d="M41.1755 80.7076L42.9909 94.5229L42.7388 102.99L50.3542 103.688L51.8805 96.646L52.7213 78.0022C52.7847 76.596 52.3135 75.218 51.4026 74.1459C50.4917 73.0738 49.2087 72.3873 47.8124 72.2247V72.2247C46.3637 72.0561 44.9069 72.4646 43.7563 73.362C42.6058 74.2594 41.8537 75.5739 41.6625 77.0216L41.1755 80.7076Z" fill="#2F2E41"/>
<path d="M70.3394 202.266H74.9587L77.1561 184.424H70.3384L70.3394 202.266Z" fill="#FFB7B7"/>
<path d="M69.1609 200.756L78.2583 200.756H78.2587C79.7963 200.756 81.2708 201.368 82.3581 202.456C83.4453 203.545 84.0562 205.021 84.0563 206.561V206.75L69.1612 206.75L69.1609 200.756Z" fill="#2F2E41"/>
<path d="M32.1956 202.266H36.8149L39.0123 184.424H32.1946L32.1956 202.266Z" fill="#FFB7B7"/>
<path d="M31.0168 200.756L40.1143 200.756H40.1147C41.6522 200.756 43.1268 201.368 44.214 202.456C45.3013 203.545 45.9121 205.021 45.9122 206.561V206.75L31.0171 206.75L31.0168 200.756Z" fill="#2F2E41"/>
<path d="M50.1588 65.6574C55.6902 65.6574 60.1743 61.1673 60.1743 55.6285C60.1743 50.0897 55.6902 45.5996 50.1588 45.5996C44.6274 45.5996 40.1433 50.0897 40.1433 55.6285C40.1433 61.1673 44.6274 65.6574 50.1588 65.6574Z" fill="#FFB8B8"/>
<path d="M51.4529 69.7285L44.5024 70.5239C42.8123 72.9241 41.7164 75.6923 41.3051 78.6001C40.8939 81.508 41.1792 84.472 42.1374 87.2477L47.3819 102.44C47.3819 102.44 40.1017 117.054 40.1017 130.623C40.1017 144.192 26.2368 192.626 26.2368 192.626L45.7529 194.664L54.2685 143.068L66.0033 194.456L79.3997 192.273L72.0213 124.897L67.1457 102.721L66.938 91.9067C66.938 91.9067 69.0111 83.7918 63.8225 78.5963L57.4878 69.7574L51.4529 69.7285Z" fill="#2F2E41"/>
<path d="M100.452 105.454C100.431 104.943 100.299 104.442 100.065 103.987C99.8303 103.533 99.4991 103.135 99.0945 102.822C98.6899 102.509 98.2217 102.289 97.7229 102.177C97.2242 102.065 96.707 102.064 96.2078 102.174L58.4123 76.2402L55.207 83.144L93.5644 106.598C93.8043 107.426 94.339 108.136 95.0672 108.595C95.7953 109.055 96.6664 109.23 97.5154 109.089C98.3643 108.948 99.1321 108.5 99.6733 107.831C100.214 107.161 100.491 106.315 100.452 105.454H100.452Z" fill="#FFB8B8"/>
<path d="M51.8075 84.7881L66.0195 90.3177L74.0111 95.0195L78.6917 88.0607L72.7385 82.8834L55.2926 72.2553C53.9767 71.4537 52.4063 71.1813 50.8979 71.493C49.3894 71.8048 48.055 72.6775 47.1637 73.9352V73.9352C46.2389 75.2401 45.8635 76.8568 46.1186 78.4364C46.3738 80.016 47.2389 81.4318 48.5273 82.3783L51.8075 84.7881Z" fill="#2F2E41"/>
<path d="M61.8339 52.0475H47.1165V45.6237C50.3468 44.3386 53.5078 43.2457 55.4186 45.6237C57.12 45.6237 58.7518 46.3005 59.9549 47.5052C61.1579 48.7099 61.8339 50.3438 61.8339 52.0475V52.0475Z" fill="#2F2E41"/>
<path d="M49.742 44.9825C40.9437 45.0215 38.481 56.0256 38.481 62.2556C38.481 65.73 40.0501 66.9727 42.5159 67.3932L43.3868 62.7426L45.4264 67.5933C46.119 67.5967 46.8467 67.5833 47.601 67.5693L48.2926 66.1435L49.8347 67.5437C56.011 67.5529 64.9862 67.0007 61.0028 62.2556C55.6665 55.899 57.4108 44.9485 49.742 44.9825Z" fill="#2F2E41"/>
<path d="M453.03 79.564C452.641 78.0893 452.583 76.5468 452.86 75.047C453.27 72.1505 454.193 69.3562 455.038 66.5556C455.882 63.7549 456.657 60.899 456.754 57.9752C456.852 55.0513 456.218 52.0202 454.477 49.671C452.736 47.3218 449.768 45.7823 446.88 46.224C444.12 46.6461 441.711 49.1385 441.696 51.9039C441.202 52.7989 441.841 54.0211 442.749 54.552C443.702 55.1088 444.851 55.1827 445.908 55.4993C446.946 55.8354 447.903 56.3825 448.72 57.1064C449.537 57.8302 450.195 58.7151 450.655 59.7057C451.561 61.7057 451.802 63.9443 451.343 66.0919C450.926 68.1731 449.969 70.099 449.251 72.096C448.533 74.093 448.053 76.2857 448.63 78.328C449.109 79.8364 450.116 81.1206 451.465 81.9442C452.815 82.7677 454.417 83.0751 455.975 82.8096C455.264 82.5386 454.627 82.1034 454.115 81.5395C453.603 80.9756 453.232 80.2987 453.03 79.564V79.564Z" fill="#2F2E41"/>
<path d="M489.509 207H0.491474C0.361127 207 0.236118 206.948 0.143949 206.856C0.0517798 206.763 0 206.638 0 206.508C0 206.377 0.0517798 206.252 0.143949 206.16C0.236118 206.067 0.361127 206.016 0.491474 206.016H489.509C489.639 206.016 489.764 206.067 489.856 206.16C489.948 206.252 490 206.377 490 206.508C490 206.638 489.948 206.763 489.856 206.856C489.764 206.948 489.639 207 489.509 207Z" fill="#E2E2E2"/>
<path d="M377.926 183.075C376.972 175.397 372.22 167.831 364.907 165.332C367.791 173.235 367.79 181.906 364.905 189.809C363.781 192.853 362.215 196.121 363.272 199.189C363.929 201.097 365.538 202.558 367.337 203.471C369.135 204.384 371.132 204.819 373.103 205.246L373.491 205.567C376.62 198.492 378.88 190.754 377.926 183.075Z" fill="#F0F0F0"/>
<path d="M364.834 165.476C369.093 170.254 371.74 176.255 372.399 182.626C372.565 183.995 372.515 185.381 372.25 186.734C371.949 188.044 371.304 189.25 370.381 190.225C369.538 191.152 368.569 192.003 367.966 193.119C367.666 193.694 367.491 194.327 367.452 194.975C367.414 195.624 367.512 196.273 367.742 196.881C368.274 198.409 369.323 199.655 370.391 200.838C371.577 202.151 372.83 203.496 373.334 205.237C373.395 205.448 373.718 205.341 373.657 205.131C372.78 202.101 369.844 200.381 368.443 197.653C367.79 196.38 367.515 194.902 368.128 193.558C368.664 192.383 369.662 191.505 370.523 190.574C371.438 189.635 372.109 188.487 372.478 187.229C372.811 185.893 372.915 184.511 372.785 183.141C372.541 180.051 371.813 177.02 370.628 174.157C369.295 170.882 367.411 167.859 365.059 165.22C364.914 165.057 364.689 165.314 364.834 165.476H364.834Z" fill="white"/>
<path d="M372.308 180.562C373.36 180.306 374.287 179.684 374.924 178.807C375.561 177.93 375.865 176.854 375.783 175.773C375.766 175.554 375.425 175.571 375.443 175.79C375.521 176.797 375.237 177.798 374.643 178.614C374.048 179.43 373.182 180.006 372.201 180.238C371.988 180.289 372.096 180.613 372.308 180.562V180.562Z" fill="white"/>
<path d="M370.87 189.812C368.969 188.676 367.566 186.864 366.94 184.737C366.878 184.527 366.555 184.634 366.617 184.844C367.272 187.056 368.736 188.939 370.717 190.117C370.906 190.229 371.058 189.924 370.87 189.812L370.87 189.812Z" fill="white"/>
<path d="M368.979 171.206C368.592 171.39 368.166 171.475 367.738 171.454C367.311 171.432 366.895 171.304 366.529 171.082C366.342 170.967 366.19 171.273 366.376 171.387C366.782 171.63 367.241 171.771 367.713 171.796C368.185 171.821 368.656 171.73 369.085 171.53C369.127 171.515 369.162 171.484 369.182 171.444C369.202 171.404 369.206 171.358 369.194 171.315C369.179 171.272 369.149 171.237 369.108 171.216C369.068 171.196 369.021 171.192 368.979 171.206V171.206Z" fill="white"/>
<path d="M342.615 179.047C342.73 179.122 342.845 179.197 342.96 179.274C344.5 180.288 345.955 181.426 347.311 182.676C347.418 182.771 347.524 182.869 347.628 182.967C350.863 186.014 353.505 189.636 355.42 193.648C356.181 195.246 356.819 196.899 357.329 198.593C358.033 200.933 358.611 203.526 360.005 205.44C360.148 205.642 360.304 205.834 360.471 206.016H373.069C373.098 206.002 373.126 205.99 373.155 205.976L373.658 205.999C373.638 205.91 373.615 205.817 373.595 205.728C373.583 205.676 373.569 205.625 373.558 205.573C373.549 205.538 373.54 205.504 373.535 205.472C373.532 205.461 373.529 205.449 373.526 205.44C373.52 205.409 373.512 205.38 373.506 205.351C373.379 204.836 373.249 204.321 373.115 203.806C373.115 203.803 373.115 203.803 373.112 203.8C372.128 199.864 370.68 196.059 368.801 192.465C368.743 192.359 368.686 192.249 368.622 192.143C367.752 190.552 366.753 189.035 365.636 187.607C365.021 186.827 364.368 186.078 363.678 185.365C361.892 183.524 359.828 181.975 357.562 180.777C353.043 178.388 347.812 177.473 342.983 178.932C342.859 178.969 342.738 179.007 342.615 179.047Z" fill="#F0F0F0"/>
<path d="M342.643 179.207C348.917 180.455 354.638 183.65 358.995 188.339C359.951 189.332 360.744 190.469 361.346 191.71C361.894 192.937 362.103 194.288 361.953 195.624C361.837 196.872 361.575 198.135 361.765 199.39C361.871 200.03 362.112 200.641 362.471 201.182C362.83 201.723 363.299 202.182 363.847 202.529C365.191 203.429 366.778 203.791 368.342 204.091C370.078 204.425 371.888 204.744 373.337 205.83C373.512 205.962 373.706 205.681 373.531 205.55C371.009 203.66 367.63 204.057 364.871 202.722C363.584 202.1 362.477 201.085 362.158 199.643C361.879 198.382 362.148 197.079 362.276 195.816C362.442 194.515 362.287 193.194 361.826 191.967C361.289 190.7 360.54 189.534 359.612 188.518C357.56 186.199 355.156 184.217 352.489 182.645C349.455 180.834 346.134 179.556 342.669 178.867C342.455 178.824 342.43 179.165 342.643 179.207L342.643 179.207Z" fill="white"/>
<path d="M357.681 186.747C358.367 185.908 358.734 184.852 358.714 183.768C358.695 182.684 358.292 181.642 357.576 180.828C357.431 180.664 357.169 180.882 357.315 181.046C357.982 181.803 358.358 182.774 358.374 183.784C358.39 184.793 358.045 185.775 357.401 186.553C357.261 186.722 357.542 186.915 357.681 186.747Z" fill="white"/>
<path d="M362.094 194.998C359.893 195.237 357.683 194.636 355.905 193.315C355.729 193.184 355.536 193.465 355.711 193.596C357.564 194.966 359.865 195.587 362.155 195.334C362.373 195.309 362.311 194.974 362.094 194.998V194.998Z" fill="white"/>
<path d="M349.397 181.282C349.199 181.662 348.909 181.987 348.555 182.227C348.201 182.467 347.792 182.616 347.366 182.659C347.148 182.681 347.21 183.016 347.427 182.995C347.897 182.945 348.348 182.78 348.74 182.516C349.133 182.251 349.454 181.894 349.677 181.476C349.701 181.439 349.71 181.393 349.702 181.349C349.694 181.305 349.67 181.266 349.634 181.239C349.596 181.213 349.551 181.204 349.506 181.212C349.462 181.22 349.423 181.245 349.397 181.282V181.282Z" fill="white"/>
<path d="M94.4091 183.075C95.3627 175.397 100.115 167.831 107.428 165.332C104.544 173.235 104.545 181.906 107.43 189.809C108.554 192.853 110.12 196.121 109.063 199.189C108.406 201.097 106.797 202.558 104.998 203.471C103.2 204.384 101.204 204.819 99.2325 205.246L98.8446 205.567C95.7156 198.492 93.4554 190.754 94.4091 183.075Z" fill="#F0F0F0"/>
<path d="M107.501 165.476C103.242 170.254 100.595 176.255 99.936 182.626C99.7698 183.995 99.8201 185.381 100.085 186.734C100.386 188.044 101.031 189.25 101.954 190.225C102.797 191.152 103.766 192.003 104.369 193.119C104.669 193.694 104.844 194.327 104.883 194.975C104.922 195.624 104.823 196.273 104.594 196.881C104.061 198.409 103.012 199.655 101.944 200.838C100.758 202.151 99.5055 203.496 99.0014 205.237C98.9403 205.448 98.617 205.341 98.678 205.131C99.5552 202.101 102.492 200.381 103.892 197.653C104.546 196.38 104.82 194.902 104.207 193.558C103.672 192.383 102.673 191.505 101.812 190.574C100.897 189.635 100.226 188.487 99.8569 187.229C99.524 185.893 99.4204 184.511 99.5507 183.141C99.7947 180.051 100.522 177.02 101.707 174.157C103.041 170.882 104.924 167.859 107.276 165.22C107.421 165.057 107.646 165.314 107.501 165.476H107.501Z" fill="white"/>
<path d="M100.028 180.562C98.9752 180.306 98.0478 179.684 97.4112 178.807C96.7746 177.93 96.4701 176.854 96.5522 175.773C96.5695 175.554 96.9098 175.571 96.8924 175.79C96.8142 176.797 97.0979 177.798 97.6924 178.614C98.2868 179.43 99.153 180.006 100.134 180.238C100.348 180.289 100.24 180.613 100.028 180.562V180.562Z" fill="white"/>
<path d="M101.465 189.812C103.366 188.676 104.769 186.864 105.395 184.737C105.457 184.527 105.78 184.634 105.718 184.844C105.063 187.056 103.599 188.939 101.618 190.117C101.43 190.229 101.277 189.924 101.465 189.812L101.465 189.812Z" fill="white"/>
<path d="M103.357 171.206C103.743 171.39 104.169 171.475 104.597 171.454C105.024 171.432 105.44 171.304 105.806 171.082C105.993 170.967 106.145 171.273 105.959 171.387C105.553 171.63 105.094 171.771 104.622 171.796C104.15 171.821 103.679 171.73 103.25 171.53C103.208 171.515 103.173 171.484 103.153 171.444C103.133 171.404 103.129 171.358 103.141 171.315C103.156 171.272 103.186 171.237 103.227 171.216C103.267 171.196 103.314 171.192 103.357 171.206V171.206Z" fill="white"/>
<path d="M129.721 179.047C129.606 179.122 129.491 179.197 129.376 179.274C127.835 180.288 126.38 181.426 125.024 182.676C124.917 182.771 124.811 182.869 124.708 182.967C121.472 186.014 118.83 189.636 116.915 193.648C116.155 195.246 115.517 196.899 115.006 198.593C114.302 200.933 113.725 203.526 112.33 205.44C112.187 205.642 112.032 205.834 111.865 206.016H99.2662C99.2376 206.002 99.2088 205.99 99.18 205.976L98.677 205.999C98.6972 205.91 98.7201 205.817 98.7403 205.728C98.7518 205.676 98.7661 205.625 98.7777 205.573C98.7862 205.538 98.7949 205.504 98.8007 205.472C98.8035 205.461 98.8064 205.449 98.8092 205.44C98.815 205.409 98.8237 205.38 98.8294 205.351C98.9559 204.836 99.0862 204.321 99.2203 203.806C99.2203 203.803 99.2203 203.803 99.2231 203.8C100.208 199.864 101.655 196.059 103.535 192.465C103.592 192.359 103.65 192.249 103.713 192.143C104.583 190.552 105.582 189.035 106.7 187.607C107.314 186.827 107.967 186.078 108.657 185.365C110.443 183.524 112.507 181.975 114.774 180.777C119.292 178.388 124.524 177.473 129.353 178.932C129.476 178.969 129.597 179.007 129.721 179.047Z" fill="#F0F0F0"/>
<path d="M129.692 179.207C123.419 180.455 117.697 183.65 113.34 188.339C112.385 189.332 111.591 190.469 110.989 191.71C110.442 192.937 110.232 194.288 110.383 195.624C110.498 196.872 110.76 198.135 110.571 199.39C110.464 200.03 110.224 200.641 109.865 201.182C109.506 201.723 109.037 202.182 108.488 202.529C107.144 203.429 105.558 203.791 103.993 204.091C102.257 204.425 100.448 204.744 98.9985 205.83C98.8229 205.962 98.6292 205.681 98.8046 205.55C101.326 203.66 104.705 204.057 107.464 202.722C108.751 202.1 109.859 201.085 110.178 199.643C110.456 198.382 110.187 197.079 110.059 195.816C109.893 194.515 110.048 193.194 110.51 191.967C111.047 190.7 111.795 189.534 112.723 188.518C114.775 186.199 117.179 184.217 119.846 182.645C122.881 180.834 126.202 179.556 129.666 178.867C129.88 178.824 129.905 179.165 129.692 179.207H129.692Z" fill="white"/>
<path d="M114.654 186.747C113.968 185.908 113.602 184.852 113.621 183.768C113.64 182.684 114.043 181.642 114.759 180.828C114.904 180.664 115.166 180.882 115.021 181.046C114.353 181.803 113.977 182.774 113.961 183.784C113.945 184.793 114.291 185.775 114.934 186.553C115.074 186.722 114.793 186.915 114.654 186.747V186.747Z" fill="white"/>
<path d="M110.241 194.998C112.442 195.237 114.652 194.636 116.43 193.315C116.606 193.184 116.8 193.465 116.624 193.596C114.771 194.966 112.47 195.587 110.18 195.334C109.962 195.309 110.024 194.974 110.241 194.998Z" fill="white"/>
<path d="M122.939 181.282C123.137 181.662 123.426 181.987 123.78 182.227C124.135 182.467 124.543 182.616 124.969 182.659C125.187 182.681 125.125 183.016 124.908 182.995C124.438 182.945 123.987 182.78 123.595 182.516C123.203 182.251 122.881 181.894 122.659 181.476C122.634 181.439 122.625 181.393 122.633 181.349C122.641 181.305 122.666 181.266 122.702 181.239C122.739 181.213 122.785 181.204 122.829 181.212C122.873 181.22 122.913 181.245 122.939 181.282H122.939Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1725_3865">
<rect width="490" height="207" fill="white"/>
</clipPath>
</defs>
</svg>
<form action="https://formbold.com/s/FORM_ID" method="POST">
<div class="formbold-input-group">
<label for="name" class="formbold-form-label"> Name </label>
<input
type="text"
name="name"
id="name"
placeholder="Enter your name"
class="formbold-form-input"
/>
</div>
<div class="formbold-input-group">
<label for="email" class="formbold-form-label"> Email </label>
<input
type="email"
name="lastname"
id="email"
placeholder="Enter your email"
class="formbold-form-input"
/>
</div>
<div class="formbold-input-group">
<label for="age" class="formbold-form-label"> Age </label>
<input
type="text"
name="age"
id="age"
placeholder="Enter your age"
class="formbold-form-input"
/>
</div>
<div class="formbold-input-group">
<label class="formbold-form-label">
Which option best describes you?
</label>
<select class="formbold-form-select" name="occupation" id="occupation">
<option value="Student">Student</option>
<option value="designer">UX/UI Designer</option>
<option value="fullstack">Full Stack Developer</option>
<option value="frontend">Front End Developer</option>
</select>
</div>
<div class="formbold-input-radio-wrapper">
<label for="ans" class="formbold-form-label">
Would you recomend our site to a friend?
</label>
<div class="formbold-radio-flex">
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="ans"
id="ans"
/>
Yes
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="ans"
id="ans"
/>
No
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input
class="formbold-input-radio"
type="radio"
name="ans"
id="ans"
/>
Maybe
<span class="formbold-radio-checkmark"></span>
</label>
</div>
</div>
</div>
<div class="formbold-input-radio-wrapper">
<label class="formbold-form-label">
Which languages & freameworks you know?
</label>
<div class="formbold-radio-flex">
<div class="formbold-radio-group">
<label class="formbold-radio-label" for="c">
<input
class="formbold-input-radio"
type="radio"
name="c"
id="c"
/>
C
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label" for="c++">
<input
class="formbold-input-radio"
type="radio"
name="c++"
id="c++"
/>
c++
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label" for="java">
<input
class="formbold-input-radio"
type="radio"
name="java"
id="java"
/>
Java
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label" for="python">
<input
class="formbold-input-radio"
type="radio"
name="python"
id="python"
/>
Python
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label" for="javaScript">
<input
class="formbold-input-radio"
type="radio"
name="javaScript"
id="javaScript"
/>
JavaScript
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label" for="react">
<input
class="formbold-input-radio"
type="radio"
name="react"
id="react"
/>
React
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label" for="angular">
<input
class="formbold-input-radio"
type="radio"
name="angular"
id="angular"
/>
Angular
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label" for="django">
<input
class="formbold-input-radio"
type="radio"
name="django"
id="django"
/>
Django
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label" for="tailwind">
<input
class="formbold-input-radio"
type="radio"
name="tailwind"
id="tailwind"
/>
Tailwind CSS
<span class="formbold-radio-checkmark"></span>
</label>
</div>
<div class="formbold-radio-group">
<label class="formbold-radio-label" for="bootstrap">
<input
class="formbold-input-radio"
type="radio"
name="bootstrap"
id="bootstrap"
/>
Bootstrap
<span class="formbold-radio-checkmark"></span>
</label>
</div>
</div>
</div>
<div>
<label for="message" class="formbold-form-label">
Any comments or suggestions
</label>
<textarea
rows="6"
name="message"
id="message"
placeholder="Type here..."
class="formbold-form-input"
></textarea>
</div>
<button class="formbold-btn">Submit</button>
</form>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', sans-serif;
}
.formbold-main-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 48px;
}
.formbold-form-wrapper {
margin: 0 auto;
max-width: 570px;
width: 100%;
background: white;
padding: 40px;
}
.formbold-form-img {
margin-bottom: 45px;
}
.formbold-input-group {
margin-bottom: 18px;
}
.formbold-form-select {
width: 100%;
padding: 12px 22px;
border-radius: 5px;
border: 1px solid #dde3ec;
background: #ffffff;
font-size: 16px;
color: #536387;
outline: none;
resize: none;
}
.formbold-input-radio-wrapper {
margin-bottom: 25px;
}
.formbold-radio-flex {
display: flex;
flex-direction: column;
gap: 15px;
}
.formbold-radio-label {
font-size: 14px;
line-height: 24px;
color: #07074d;
position: relative;
padding-left: 25px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.formbold-input-radio {
position: absolute;
opacity: 0;
cursor: pointer;
}
.formbold-radio-checkmark {
position: absolute;
top: -1px;
left: 0;
height: 18px;
width: 18px;
background-color: #ffffff;
border: 1px solid #dde3ec;
border-radius: 50%;
}
.formbold-radio-label
.formbold-input-radio:checked
~ .formbold-radio-checkmark {
background-color: #6a64f1;
}
.formbold-radio-checkmark:after {
content: '';
position: absolute;
display: none;
}
.formbold-radio-label
.formbold-input-radio:checked
~ .formbold-radio-checkmark:after {
display: block;
}
.formbold-radio-label .formbold-radio-checkmark:after {
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border-radius: 50%;
background: #ffffff;
transform: translate(-50%, -50%);
}
.formbold-form-input {
width: 100%;
padding: 13px 22px;
border-radius: 5px;
border: 1px solid #dde3ec;
background: #ffffff;
font-weight: 500;
font-size: 16px;
color: #07074d;
outline: none;
resize: none;
}
.formbold-form-input::placeholder {
color: #536387;
}
.formbold-form-input:focus {
border-color: #6a64f1;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}
.formbold-form-label {
color: #07074d;
font-size: 14px;
line-height: 24px;
display: block;
margin-bottom: 10px;
}
.formbold-btn {
text-align: center;
width: 100%;
font-size: 16px;
border-radius: 5px;
padding: 14px 25px;
border: none;
font-weight: 500;
background-color: #6a64f1;
color: white;
cursor: pointer;
margin-top: 25px;
}
.formbold-btn:hover {
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}
</style>