-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
1581 lines (1537 loc) · 121 KB
/
index.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
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Home | DataHop</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="DataHop CMS" />
<meta name="description" content="A decentralised, user-operated content distribution network leveraging the power of users’ mobile devices and device to device connectivity." />
<link rel="apple-touch-icon" sizes="180x180" href="/user/themes/data-hop/images/favicons/yellow/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/user/themes/data-hop/images/favicons/yellow/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/user/themes/data-hop/images/favicons/yellow/favicon-16x16.png">
<link rel="manifest" href="/user/themes/data-hop/images/favicons/yellow/site.webmanifest">
<link rel="mask-icon" href="/user/themes/data-hop/images/favicons/yellow/safari-pinned-tab.svg" color="#f2e05f">
<link rel="shortcut icon" href="/user/themes/data-hop/images/favicons/yellow/favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="/user/themes/data-hop/images/favicons/yellow/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta property="og:type" content="website">
<meta property="og:title" content="DataHop | Let’s democratise content distribution.">
<meta property="og:description" content="A decentralised, user-operated content distribution network leveraging the power of users’ mobile devices and device to device connectivity.">
<meta property="og:image" content="http://127.0.0.1:8080/user/themes/data-hop/images/thumbnail-home.png">
<meta property="og:image:secure_url" content="http://127.0.0.1:8080/user/themes/data-hop/images/thumbnail-home.png">
<meta property="og:url" content="">
<meta property="og:site_name" content="DataHop">
<link href="/assets/0dff50c0bc4cd857673761897820ea55.css" type="text/css" rel="stylesheet" />
</head>
<body class="home">
<header class="header">
<div class="header__bar">
<div class="container-fluid">
<div class="col-group">
<div class="col-8">
<h1 class="header__logo logo">
<a href="/">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 142.242 24" style="enable-background:new 0 0 142.242 24;" xml:space="preserve">
<style type="text/css">
.logo__text {fill:#2E343A;}
.logo__path {fill:none;stroke:#2E343A;stroke-width:3.54;stroke-miterlimit:10;}
</style>
<path class="logo__text" d="M6.381,0H0v18.084h6.381c2.713,0,4.909-0.853,6.536-2.583s2.428-3.875,2.428-6.459
c0-2.713-0.827-4.883-2.48-6.562C11.212,0.827,9.042,0,6.381,0z M10.282,13.408c-0.956,1.008-2.351,1.524-4.133,1.524h-2.61V3.178
h2.609c1.783,0,3.178,0.517,4.133,1.524s1.447,2.454,1.447,4.34S11.238,12.4,10.282,13.408z"/>
<path class="logo__text" d="M27.539,5.735c-1.008-0.878-2.403-1.318-4.185-1.318s-3.152,0.439-4.108,1.292
c-0.982,0.853-1.473,1.963-1.473,3.281h3.255c0-0.491,0.207-0.904,0.594-1.24c0.388-0.336,0.956-0.491,1.653-0.491
c0.801,0,1.369,0.181,1.757,0.543S25.6,8.629,25.6,9.223v0.749h-2.997c-1.808,0-3.152,0.362-4.056,1.111s-1.369,1.783-1.369,3.048
c0,1.214,0.413,2.222,1.266,2.997c0.827,0.801,1.963,1.188,3.436,1.188c1.679,0,2.919-0.543,3.746-1.628h0.103l0.258,1.395h3.074
V9.197C29.063,7.776,28.547,6.639,27.539,5.735z M25.602,13.098c0,0.698-0.258,1.266-0.775,1.757
c-0.543,0.491-1.24,0.723-2.118,0.723c-0.672,0-1.188-0.155-1.55-0.439s-0.543-0.672-0.543-1.163s0.181-0.904,0.568-1.188
c0.388-0.284,0.93-0.413,1.679-0.413h2.738L25.602,13.098L25.602,13.098z"/>
<path class="logo__text" d="M37.124,14.622c-0.284-0.284-0.413-0.723-0.413-1.369V7.595h3.229V4.65h-3.23V1.111h-3.333V4.65h-2.325v2.945
h2.196v6.407c0,1.266,0.336,2.248,1.033,2.971c0.698,0.749,1.757,1.111,3.178,1.111h2.532v-3.023h-1.55
C37.847,15.061,37.408,14.906,37.124,14.622z"/>
<path class="logo__text" d="M52.34,5.735c-1.008-0.878-2.403-1.318-4.185-1.318c-1.783,0-3.152,0.439-4.108,1.292
c-0.982,0.853-1.473,1.963-1.473,3.281h3.255c0-0.491,0.207-0.904,0.594-1.24s0.956-0.491,1.653-0.491
c0.801,0,1.369,0.181,1.757,0.543s0.568,0.827,0.568,1.421v0.749h-2.997c-1.808,0-3.152,0.362-4.056,1.111s-1.369,1.783-1.369,3.048
c0,1.214,0.413,2.222,1.266,2.997c0.827,0.801,1.963,1.188,3.436,1.188c1.679,0,2.919-0.543,3.746-1.628h0.103l0.258,1.395h3.074
V9.197C53.864,7.776,53.347,6.639,52.34,5.735z M50.402,13.098c0,0.698-0.258,1.266-0.775,1.757
c-0.543,0.491-1.24,0.723-2.118,0.723c-0.672,0-1.188-0.155-1.55-0.439s-0.543-0.672-0.543-1.163s0.181-0.904,0.568-1.188
c0.388-0.284,0.93-0.413,1.679-0.413h2.738L50.402,13.098L50.402,13.098z"/>
<polygon class="logo__text" points="107.599,7.156 99.771,7.156 99.771,0 96.232,0 96.232,18.084 99.771,18.084 99.771,10.334
107.599,10.334 107.599,18.084 111.138,18.084 111.138,0 107.599,0 "/>
<path class="logo__text" d="M120.309,4.418c-2.093,0-3.694,0.646-4.831,1.938s-1.705,2.971-1.705,5.038s0.568,3.746,1.705,5.012
c1.111,1.266,2.738,1.912,4.831,1.912s3.694-0.646,4.831-1.938c1.111-1.266,1.679-2.945,1.679-4.986
c0-2.067-0.568-3.746-1.705-5.038C123.978,5.064,122.376,4.418,120.309,4.418z M120.309,15.268c-1.989,0-2.997-1.292-2.997-3.875
c0-2.609,1.008-3.927,2.997-3.927s2.997,1.318,2.997,3.927C123.306,13.976,122.299,15.268,120.309,15.268z"/>
<path class="logo__text" d="M140.744,6.329c-1.008-1.266-2.325-1.912-4.004-1.912c-1.628,0-2.868,0.568-3.72,1.679h-0.103l-0.362-1.447
h-3.1V24h3.462v-7.363h0.103c0.853,1.111,2.093,1.679,3.72,1.679c1.705,0,3.048-0.646,4.03-1.938s1.473-2.945,1.473-4.986
C142.242,9.3,141.751,7.621,140.744,6.329z M138.031,14.183c-0.491,0.723-1.24,1.085-2.273,1.085s-1.783-0.362-2.248-1.085
c-0.491-0.698-0.723-1.628-0.723-2.79s0.232-2.093,0.723-2.842c0.491-0.723,1.24-1.085,2.248-1.085c1.033,0,1.783,0.362,2.273,1.085
c0.465,0.723,0.698,1.679,0.698,2.842S138.496,13.485,138.031,14.183z"/>
<path class="logo__path" d="M58.734,18.084c0-9.01,7.304-16.314,16.314-16.314s16.314,7.304,16.314,16.314"/>
</svg>
</a>
</h1>
<a class="header__menu-icon menu-icon nav-toggle" href="javascript:void(0)">
<svg class="menu-icon__svg menu-icon__svg--mobile" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36.168 18.084" style="enable-background:new 0 0 36.168 18.084;" xml:space="preserve">
<rect y="14.545" class="menu-icon__path" width="36.168" height="3.539"/>
<rect class="menu-icon__path" width="36.168" height="3.539"/>
<rect y="7.272" class="menu-icon__path" width="36.168" height="3.539"/>
</svg>
<svg class="menu-icon__svg menu-icon__svg--tablet" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 104.37 24" style="enable-background:new 0 0 104.37 24;" xml:space="preserve">
<g>
<path class="menu-icon__path" d="M44.487,0l5.374,9.068h0.103L55.337,0h3.875v18.084h-3.41V5.606h-0.103l-5.684,9.455h-0.258l-5.684-9.533
H43.97v12.555h-3.41V0H44.487z"/>
<path class="menu-icon__path" d="M63.81,16.353c-1.163-1.292-1.731-2.945-1.731-4.96s0.568-3.694,1.679-5.012
c1.111-1.318,2.687-1.963,4.753-1.963c1.938,0,3.488,0.62,4.598,1.86s1.653,2.816,1.653,4.702v1.343h-9.145
c0.026,0.956,0.284,1.731,0.775,2.273c0.491,0.568,1.214,0.853,2.17,0.853c1.421,0,2.299-0.517,2.635-1.55h3.384
c-0.181,1.266-0.827,2.325-1.886,3.152c-1.085,0.853-2.454,1.266-4.133,1.266C66.549,18.316,64.973,17.671,63.81,16.353z
M71.225,10.024c-0.026-0.801-0.284-1.473-0.723-1.963c-0.465-0.491-1.137-0.749-1.989-0.749c-0.93,0-1.628,0.258-2.093,0.749
c-0.491,0.491-0.749,1.163-0.775,1.963H71.225z"/>
<path class="menu-icon__path" d="M80.267,4.65l0.258,1.524h0.103c0.878-1.163,2.144-1.757,3.823-1.757c1.473,0,2.661,0.439,3.565,1.318
c0.878,0.878,1.318,2.067,1.318,3.539v8.809h-3.462v-7.828c0-1.783-0.827-2.687-2.48-2.687c-0.827,0-1.498,0.284-1.989,0.827
c-0.517,0.543-0.775,1.292-0.775,2.248v7.44h-3.462V4.65H80.267z"/>
<path class="menu-icon__path" d="M93.545,16.999c-0.904-0.878-1.343-2.067-1.343-3.539V4.65h3.462v7.828c0,1.783,0.827,2.687,2.48,2.687
c0.827,0,1.498-0.284,2.015-0.827c0.491-0.543,0.749-1.292,0.749-2.248V4.65h3.462v13.434h-3.1l-0.258-1.524h-0.103
c-0.878,1.163-2.144,1.757-3.823,1.757C95.612,18.316,94.424,17.877,93.545,16.999z"/>
<rect y="14.545" class="menu-icon__path menu-icon__path--burger" width="36.168" height="3.539"/>
<rect class="menu-icon__path menu-icon__path--burger" width="36.168" height="3.539"/>
<rect y="7.272" class="menu-icon__path menu-icon__path--burger" width="36.168" height="3.539"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="header__intro intro section section--fullpage">
<div class="intro__bg"></div>
<div class="container-fluid">
<div class="col-group">
<div class="col-8 col-lg-4">
<div id="menu-animation-container" class="intro__animation">
<canvas id="menu-animation" resize></canvas>
</div>
</div>
<div class="col-8 col-lg-4">
<div class="intro__content">
<div class="intro__top">
<h1 class="header__logo logo logo--white">
<a href="/">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 142.242 24" style="enable-background:new 0 0 142.242 24;" xml:space="preserve">
<style type="text/css">
.logo__text {fill:#2E343A;}
.logo__path {fill:none;stroke:#2E343A;stroke-width:3.54;stroke-miterlimit:10;}
</style>
<path class="logo__text" d="M6.381,0H0v18.084h6.381c2.713,0,4.909-0.853,6.536-2.583s2.428-3.875,2.428-6.459
c0-2.713-0.827-4.883-2.48-6.562C11.212,0.827,9.042,0,6.381,0z M10.282,13.408c-0.956,1.008-2.351,1.524-4.133,1.524h-2.61V3.178
h2.609c1.783,0,3.178,0.517,4.133,1.524s1.447,2.454,1.447,4.34S11.238,12.4,10.282,13.408z"/>
<path class="logo__text" d="M27.539,5.735c-1.008-0.878-2.403-1.318-4.185-1.318s-3.152,0.439-4.108,1.292
c-0.982,0.853-1.473,1.963-1.473,3.281h3.255c0-0.491,0.207-0.904,0.594-1.24c0.388-0.336,0.956-0.491,1.653-0.491
c0.801,0,1.369,0.181,1.757,0.543S25.6,8.629,25.6,9.223v0.749h-2.997c-1.808,0-3.152,0.362-4.056,1.111s-1.369,1.783-1.369,3.048
c0,1.214,0.413,2.222,1.266,2.997c0.827,0.801,1.963,1.188,3.436,1.188c1.679,0,2.919-0.543,3.746-1.628h0.103l0.258,1.395h3.074
V9.197C29.063,7.776,28.547,6.639,27.539,5.735z M25.602,13.098c0,0.698-0.258,1.266-0.775,1.757
c-0.543,0.491-1.24,0.723-2.118,0.723c-0.672,0-1.188-0.155-1.55-0.439s-0.543-0.672-0.543-1.163s0.181-0.904,0.568-1.188
c0.388-0.284,0.93-0.413,1.679-0.413h2.738L25.602,13.098L25.602,13.098z"/>
<path class="logo__text" d="M37.124,14.622c-0.284-0.284-0.413-0.723-0.413-1.369V7.595h3.229V4.65h-3.23V1.111h-3.333V4.65h-2.325v2.945
h2.196v6.407c0,1.266,0.336,2.248,1.033,2.971c0.698,0.749,1.757,1.111,3.178,1.111h2.532v-3.023h-1.55
C37.847,15.061,37.408,14.906,37.124,14.622z"/>
<path class="logo__text" d="M52.34,5.735c-1.008-0.878-2.403-1.318-4.185-1.318c-1.783,0-3.152,0.439-4.108,1.292
c-0.982,0.853-1.473,1.963-1.473,3.281h3.255c0-0.491,0.207-0.904,0.594-1.24s0.956-0.491,1.653-0.491
c0.801,0,1.369,0.181,1.757,0.543s0.568,0.827,0.568,1.421v0.749h-2.997c-1.808,0-3.152,0.362-4.056,1.111s-1.369,1.783-1.369,3.048
c0,1.214,0.413,2.222,1.266,2.997c0.827,0.801,1.963,1.188,3.436,1.188c1.679,0,2.919-0.543,3.746-1.628h0.103l0.258,1.395h3.074
V9.197C53.864,7.776,53.347,6.639,52.34,5.735z M50.402,13.098c0,0.698-0.258,1.266-0.775,1.757
c-0.543,0.491-1.24,0.723-2.118,0.723c-0.672,0-1.188-0.155-1.55-0.439s-0.543-0.672-0.543-1.163s0.181-0.904,0.568-1.188
c0.388-0.284,0.93-0.413,1.679-0.413h2.738L50.402,13.098L50.402,13.098z"/>
<polygon class="logo__text" points="107.599,7.156 99.771,7.156 99.771,0 96.232,0 96.232,18.084 99.771,18.084 99.771,10.334
107.599,10.334 107.599,18.084 111.138,18.084 111.138,0 107.599,0 "/>
<path class="logo__text" d="M120.309,4.418c-2.093,0-3.694,0.646-4.831,1.938s-1.705,2.971-1.705,5.038s0.568,3.746,1.705,5.012
c1.111,1.266,2.738,1.912,4.831,1.912s3.694-0.646,4.831-1.938c1.111-1.266,1.679-2.945,1.679-4.986
c0-2.067-0.568-3.746-1.705-5.038C123.978,5.064,122.376,4.418,120.309,4.418z M120.309,15.268c-1.989,0-2.997-1.292-2.997-3.875
c0-2.609,1.008-3.927,2.997-3.927s2.997,1.318,2.997,3.927C123.306,13.976,122.299,15.268,120.309,15.268z"/>
<path class="logo__text" d="M140.744,6.329c-1.008-1.266-2.325-1.912-4.004-1.912c-1.628,0-2.868,0.568-3.72,1.679h-0.103l-0.362-1.447
h-3.1V24h3.462v-7.363h0.103c0.853,1.111,2.093,1.679,3.72,1.679c1.705,0,3.048-0.646,4.03-1.938s1.473-2.945,1.473-4.986
C142.242,9.3,141.751,7.621,140.744,6.329z M138.031,14.183c-0.491,0.723-1.24,1.085-2.273,1.085s-1.783-0.362-2.248-1.085
c-0.491-0.698-0.723-1.628-0.723-2.79s0.232-2.093,0.723-2.842c0.491-0.723,1.24-1.085,2.248-1.085c1.033,0,1.783,0.362,2.273,1.085
c0.465,0.723,0.698,1.679,0.698,2.842S138.496,13.485,138.031,14.183z"/>
<path class="logo__path" d="M58.734,18.084c0-9.01,7.304-16.314,16.314-16.314s16.314,7.304,16.314,16.314"/>
</svg>
</a>
</h1>
<span class="h3 intro__animate intro__animate--slide-right intro__animate--slide-right--1" data-animation-delay="0.6s">Menu</span>
<a class="intro__close nav-toggle big-icon" href="#">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150">
<path class="icon__path" d="M 2 2 C 2 2, 75 75, 75 75 C 75 75, 148 2, 148 2" data-path-hover="M 2 2 C 2 42.317, 34.683 75, 75 75 C 115.317 75, 148 42.317, 148 2" fill="none" stroke="#f8f8f8" stroke-miterlimit="10"/>
<path class="icon__path" d="M 2 148 C 2 148, 75 75, 75 75 C 75 75, 148 148, 148 148" data-path-hover="M 2 148 C 2 107.683, 34.683 75, 75 75 C 115.317 75, 148 107.683, 148 148" fill="none" stroke="#f8f8f8" stroke-miterlimit="10"/>
</svg>
</a>
</div>
<div class="intro__text">
<nav class="header__nav nav h2">
<ul>
<li class="intro__animate intro__animate--slide-right intro__animate--slide-right--2">
<a href="/" >
<span>Overview</span>
</a>
</li>
<li class="intro__animate intro__animate--slide-right intro__animate--slide-right--3">
<a href="/publishers" >
<span>Content Publishers</span>
</a>
</li>
<li class="intro__animate intro__animate--slide-right intro__animate--slide-right--4">
<a href="/users" >
<span>End Users</span>
</a>
</li>
<li class="intro__animate intro__animate--slide-right intro__animate--slide-right--5">
<a href="/faq" >
<span>FAQ</span>
</a>
</li>
<li class="intro__animate intro__animate--slide-right intro__animate--slide-right--6">
<a href="/" >
<span>Whitepaper</span>
</a>
</li>
</ul>
</nav>
</div>
<div class="nav">
<a class="intro__learn h3 intro__animate intro__animate--slide-right intro__animate--slide-right--7" href="mailto:contact@datahop.network"><span>contact@datahop.network</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Intro -->
<section class="section section--fullpage intro">
<div class="container-fluid">
<div class="col-group">
<div class="col-8 col-lg-4">
<div id="intro-animation-container" class="intro__animation intro__animation--main">
<canvas id="intro-animation" resize></canvas>
</div>
</div>
<div class="col-8 col-lg-4">
<div class="intro__content">
<div class="intro__text">
<h1 class="h1 intro__h1">
<span>Let’s democratise<br> content distribution.</span>
</h1>
<h3 class="h3 intro__h3">
<a href="datahop.network"><span>datahop.network</span></a>
</h3> <br><br>
<p class="p">A decentralised, user-operated content distribution network leveraging the power of users’ mobile devices and device to device connectivity.</p>
</div>
<div class="intro__more nav">
<a class="intro__learn h3 internal-link" href="#what-is-data-hop"><span>Learn more</span></a>
<a class="intro__arrow big-icon internal-link" href="#what-is-data-hop">
<svg class="icon arrow arrow--down animated " mlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150">
<path d="M 75 2 L 75 148" fill="none" stroke="#2e343a" stroke-miterlimit="10"/>
<path class="icon__path arrow__path" d="M 2 75 C 2 75, 75 148, 75 148 C 75 148, 148 75, 148 75" data-path-hover="M 2 75 C 2 115.317, 34.683 148, 75 148 C 115.317 148, 148 115.317, 148 75" fill="none" stroke="#2e343a" stroke-miterlimit="10" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- What is DataHop? -->
<section id="what-is-data-hop" class="section section--blue">
<div class="container-fluid">
<div class="col-group">
<div class="col-8">
<h2 class="section__h2 h2">
What is DataHop?
</h2>
</div>
</div>
<div class="col-group section__container">
<div class="section__unit section__unit--one-third col-lg-2">
<div class="section__unit-content">
<p class="p">
<b>A Bleeding Edge CDN</b> <br><br> DataHop is a decentralised content distribution network that operates at the network edge. <br><br>
DataHop bypasses the network core and utilises user smartphone and WiFi access point devices to distribute heavy content at the edge of the network - where users actually need it.
</p>
</div>
</div>
<div class="section__unit section__unit--one-third col-lg-2">
<div class="section__unit-content">
<p class="p">
<b>A Smart Connectivity Solution</b> <br><br> DataHop utilises direct Device to Device (D2D) connectivity between
smartphones themselves as well as between Devices and WiFi Access Points to
prefetch video content to users’ devices. <br><br>
Our smart connectivity solution, which is based on Bluetooth and WiFi Direct,
guarantees seamless and privacy-preserving D2D communication between users in the vicinity.
</p>
</div>
</div>
<div class="section__unit section__unit--one-third col-lg-2">
<div class="section__unit-content">
<p class="p">
<b>A Way to Reduce Costs</b> <br><br> DataHop reduces cellular traffic for the mobile network operator,
streaming cost for the end-user and distribution cost for the content
provider. By utilising users’ devices, DataHop does not need to
maintain expensive CDN infrastructure. <br><br> Instead, building on blockchain
technology and novel Proof-of-X consensus algorithms, DataHop rewards
users for their contribution to the content delivery network.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Usecase -->
<section id="usecase" class="section usecase">
<div class="container-fluid">
<div class="col-group">
<div class="col-8">
<h2 class="section__h2 h2">
Usecase
</h2>
</div>
</div>
<div class="col-group">
<div class="col-8">
<div class="usecase__mobile">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 302 702" style="enable-background:new 0 0 302 702;" xml:space="preserve">
<style type="text/css">
.usecase-mobile-st0{fill:none;stroke:#2E343A;stroke-miterlimit:10;}
.usecase-mobile-st1{fill:#2E343A;stroke:#2E343A;stroke-miterlimit:10;}
.usecase-mobile-st2{fill:#2E343A;}
.usecase-mobile-st3{font-family:'basiersquaresemibold';}
.usecase-mobile-st4{font-size:14px;}
.usecase-mobile-st5{font-family:'basier_squareregular';}
.usecase-mobile-st6{fill:#F8F8F8;}
</style>
<font horiz-adv-x="1000">
<!-- Copyright © 2017 by atipo. All rights reserved. -->
<!-- Copyright: Copyright 2018 Adobe System Incorporated. All rights reserved. -->
<font-face font-family="basiersquaresemibold" units-per-em="1000" underline-position="-250" underline-thickness="50"/>
<missing-glyph horiz-adv-x="940"/>
<glyph unicode="A" horiz-adv-x="696" d="M681,10l-246,690l-174,0l-245,-690l0,-10l144,0l48,147l274,0l48,-147l151,0M442,268l-194,0l95,292l4,0z"/>
<glyph unicode="B" horiz-adv-x="666" d="M79,700l0,-700l330,0C478,0 533,18 573,54C612,89 632,139 632,202C632,284 599,340 533,371l0,4C582,404 606,452 606,518C606,575 587,619 549,652C511,684 461,700 398,700M215,421l0,158l164,0C438,579 467,553 467,502C467,477 459,457 444,443C429,428 406,421 376,421M215,122l0,181l173,0C423,303 449,295 466,278C483,261 492,239 492,213C492,185 483,163 466,147C449,130 423,122 388,122z"/>
<glyph unicode="C" horiz-adv-x="709" d="M369,-9C454,-9 524,15 578,64C631,112 662,173 670,248l-139,0C524,208 507,176 480,152C453,127 416,115 369,115C306,115 259,136 227,178C195,219 179,276 179,349C179,422 195,479 227,521C259,563 306,584 369,584C418,584 457,571 484,545C511,519 526,486 530,445l140,0C665,521 635,584 580,634C525,684 455,709 369,709C264,709 182,676 125,609C68,542 39,456 39,349C39,243 68,157 125,91C182,24 264,-9 369,-9z"/>
<glyph unicode="D" horiz-adv-x="704" d="M79,700l0,-700l239,0C423,0 508,33 571,100C634,167 665,250 665,350C665,455 633,539 569,604C505,668 421,700 318,700M208,122l0,455l101,0C378,577 432,557 469,518C506,479 525,423 525,350C525,277 506,220 469,181C432,142 378,122 309,122z"/>
<glyph unicode="E" horiz-adv-x="610" d="M79,700l0,-700l485,0l0,122l-348,0l0,178l317,0l0,122l-317,0l0,155l348,0l0,123z"/>
<glyph unicode="F" horiz-adv-x="607" d="M79,700l0,-700l137,0l0,281l313,0l0,123l-313,0l0,173l345,0l0,123z"/>
<glyph unicode="G" horiz-adv-x="716" d="M368,-9C461,-9 535,19 592,76C649,133 677,208 677,302l0,73l-289,0l0,-122l149,0C532,213 515,180 487,154C458,128 419,115 368,115C305,115 258,136 227,178C195,219 179,276 179,349C179,422 195,479 227,521C258,563 305,584 368,584C417,584 455,573 482,550C509,527 525,497 530,462l140,0C663,533 632,592 578,639C524,686 454,709 368,709C263,709 182,676 125,610C68,543 39,456 39,349C39,243 68,157 125,91C182,24 263,-9 368,-9z"/>
<glyph unicode="H" horiz-adv-x="735" d="M656,700l-137,0l0,-277l-303,0l0,277l-137,0l0,-700l137,0l0,300l303,0l0,-300l137,0z"/>
<glyph unicode="I" horiz-adv-x="295" d="M79,700l0,-700l138,0l0,700z"/>
<glyph unicode="K" horiz-adv-x="663" d="M653,10l-316,355l305,325l0,10l-161,0l-265,-284l0,284l-137,0l0,-700l137,0l0,311l274,-311l163,0z"/>
<glyph unicode="L" horiz-adv-x="554" d="M79,700l0,-700l460,0l0,123l-323,0l0,577z"/>
<glyph unicode="N" horiz-adv-x="743" d="M79,700l0,-700l135,0l0,483l4,0l286,-483l160,0l0,700l-136,0l0,-486l-4,0l-286,486z"/>
<glyph unicode="O" horiz-adv-x="740" d="M370,-9C477,-9 559,25 616,92C673,159 701,245 701,350C701,455 673,542 616,609C559,676 477,709 370,709C263,709 181,676 124,609C67,542 39,455 39,350C39,245 67,159 124,92C181,25 263,-9 370,-9M370,116C307,116 259,137 227,179C195,220 179,277 179,350C179,423 195,480 227,522C259,563 307,584 370,584C433,584 481,563 513,522C545,480 561,423 561,350C561,277 545,220 513,179C481,137 433,116 370,116z"/>
<glyph unicode="P" horiz-adv-x="649" d="M79,700l0,-700l137,0l0,240l163,0C448,240 504,262 547,305C589,348 610,404 610,472C610,539 589,593 547,636C505,679 449,700 379,700M216,363l0,215l138,0C391,578 419,569 440,551C460,532 470,506 470,472C470,399 431,363 354,363z"/>
<glyph unicode="R" horiz-adv-x="670" d="M653,10l-174,262C522,288 557,314 582,351C607,387 620,430 620,481C620,543 599,595 557,637C514,679 457,700 386,700l-307,0l0,-700l137,0l0,256l118,0l161,-256l158,0M216,378l0,199l163,0C412,577 437,568 454,550C471,531 479,508 479,480C479,450 471,426 454,407C437,388 412,378 379,378z"/>
<glyph unicode="S" horiz-adv-x="632" d="M315,-9C410,-9 481,10 528,48C575,85 598,137 598,202C598,263 579,310 541,343C502,376 448,399 378,414l-95,20C250,441 227,451 214,464C200,477 193,492 193,511C193,534 203,552 224,566C244,579 274,586 314,586C357,586 389,577 411,559C433,540 445,516 447,487l139,0C585,552 560,606 510,647C459,688 395,709 316,709C235,709 171,691 124,655C76,618 52,570 52,511C52,452 70,406 106,375C141,344 192,321 259,307l102,-22C394,278 419,267 434,254C449,241 457,222 457,199C457,142 410,113 315,113C271,113 236,123 211,143C185,163 171,192 168,231l-139,0C32,157 59,99 108,56C157,13 226,-9 315,-9z"/>
<glyph unicode="T" horiz-adv-x="592" d="M227,576l0,-576l138,0l0,576l206,0l0,124l-550,0l0,-124z"/>
<glyph unicode="U" horiz-adv-x="714" d="M356,-9C443,-9 513,15 566,63C619,111 645,179 645,268l0,432l-138,0l0,-430C507,166 457,114 356,114C256,114 206,166 206,270l0,430l-137,0l0,-432C69,180 96,112 149,64C202,15 271,-9 356,-9z"/>
<glyph unicode="V" horiz-adv-x="694" d="M16,690l252,-690l160,0l250,690l0,10l-156,0l-173,-533l-4,0l-175,533l-154,0z"/>
<glyph unicode="W" horiz-adv-x="937" d="M16,690l163,-690l170,0l118,490l4,0l116,-490l170,0l164,690l0,10l-144,0l-104,-506l-4,0l-126,506l-150,0l-124,-506l-4,0l-104,506l-145,0z"/>
<glyph unicode="Y" horiz-adv-x="684" d="M274,282l0,-282l138,0l0,283l256,407l0,10l-158,0l-164,-281l-4,0l-168,281l-158,0l0,-10z"/>
<glyph unicode="–" horiz-adv-x="622" d="M60,353l0,-120l502,0l0,120z"/>
<glyph unicode="-" horiz-adv-x="466" d="M80,353l0,-120l306,0l0,120z"/>
<glyph unicode="#" horiz-adv-x="699" d="M531,408l118,0l0,116l-98,0l30,176l-122,0l-30,-176l-105,0l30,176l-122,0l-30,-176l-102,0l0,-116l82,0l-20,-121l-112,0l0,-116l92,0l-29,-171l122,0l29,171l105,0l-29,-171l122,0l29,171l108,0l0,116l-88,0M409,408l-20,-121l-105,0l20,121z"/>
<glyph unicode="1" horiz-adv-x="425" d="M216,562l0,-562l135,0l0,700l-136,0l-174,-130l0,-130l10,0l161,122z"/>
<glyph unicode="?" horiz-adv-x="543" d="M192,221l130,0l0,16C322,258 327,274 336,287C345,299 361,315 386,334l42,33C479,406 504,457 504,519C504,574 483,620 442,656C400,691 344,709 274,709C198,709 140,689 100,649C59,608 39,556 39,493l136,0C175,558 208,591 274,591C305,591 329,583 344,568C359,553 366,534 366,512C366,494 362,479 354,467C346,455 333,442 314,427l-32,-25C250,377 227,353 213,330C199,307 192,276 192,237M184,143l0,-143l148,0l0,143z"/>
<glyph unicode=" " horiz-adv-x="286"/>
<glyph unicode="2" horiz-adv-x="569" d="M46,109l0,-109l479,0l0,121l-299,0l0,4l167,167C436,336 467,374 486,407C505,440 514,474 514,510C514,569 493,618 450,656C407,693 350,712 281,712C208,712 151,692 108,651C65,610 44,554 44,483l131,0C175,520 185,547 204,566C223,584 249,593 281,593C311,593 335,585 352,569C369,553 377,532 377,506C377,481 370,457 356,435C341,413 315,383 277,345z"/>
<glyph unicode="0" horiz-adv-x="628" d="M314,-9C404,-9 471,24 514,89C557,154 579,241 579,352C579,462 557,550 514,615C471,680 404,712 314,712C224,712 157,680 114,615C71,550 49,462 49,352C49,241 71,154 114,89C157,24 224,-9 314,-9M314,110C267,110 234,130 215,171C196,211 186,271 186,352C186,432 196,492 215,533C234,573 267,593 314,593C361,593 394,573 413,533C432,492 442,432 442,352C442,271 432,211 413,171C394,130 361,110 314,110z"/>
</font>
<font horiz-adv-x="1000">
<!-- Copyright © 2017 by atipo. All rights reserved. -->
<!-- Copyright: Copyright 2018 Adobe System Incorporated. All rights reserved. -->
<font-face font-family="basier_squareregular" units-per-em="1000" underline-position="-250" underline-thickness="50"/>
<missing-glyph horiz-adv-x="940"/>
<glyph unicode="A" horiz-adv-x="682" d="M652,10l-258,690l-107,0l-257,-690l0,-10l91,0l66,183l306,0l66,-183l93,0M465,261l-250,0l123,342l4,0z"/>
<glyph unicode="B" horiz-adv-x="666" d="M100,700l0,-700l288,0C457,0 512,18 552,54C591,89 611,139 611,202C611,284 573,340 497,371l0,4C556,401 585,449 585,518C585,575 566,619 528,652C490,684 441,700 381,700M186,400l0,222l185,0C411,622 442,613 464,595C485,577 496,551 496,518C496,479 484,449 460,430C435,410 402,400 360,400M186,79l0,245l192,0C423,324 459,314 484,293C509,272 521,242 521,202C521,163 508,133 482,112C455,90 421,79 378,79z"/>
<glyph unicode="C" horiz-adv-x="709" d="M369,-9C451,-9 516,12 563,54C610,95 639,153 649,227l-89,0C542,124 478,72 369,72C330,72 296,80 267,95C238,110 215,131 198,158C181,185 169,214 162,246C154,277 150,312 150,349C150,386 154,421 162,453C169,484 181,514 198,541C215,568 238,589 267,604C296,619 330,627 369,627C426,627 471,613 503,584C534,555 553,516 559,466l90,0C642,541 614,601 566,644C517,687 452,709 369,709C271,709 195,677 141,612C87,547 60,459 60,349C60,240 87,153 141,88C194,23 270,-9 369,-9z"/>
<glyph unicode="D" horiz-adv-x="704" d="M100,700l0,-700l232,0C433,0 510,33 564,98C617,163 644,247 644,350C644,457 617,542 562,605C507,668 430,700 332,700M187,79l0,541l136,0C399,620 457,595 496,544C535,493 554,428 554,350C554,271 535,207 496,156C457,105 399,79 323,79z"/>
<glyph unicode="E" horiz-adv-x="610" d="M100,700l0,-700l450,0l0,79l-363,0l0,242l332,0l0,80l-332,0l0,219l363,0l0,80z"/>
<glyph unicode="F" horiz-adv-x="599" d="M100,700l0,-700l87,0l0,305l318,0l0,80l-318,0l0,235l352,0l0,80z"/>
<glyph unicode="I" horiz-adv-x="288" d="M100,700l0,-700l88,0l0,700z"/>
<glyph unicode="M" horiz-adv-x="880" d="M100,700l0,-700l83,0l0,564l4,0l248,-444l10,0l248,441l4,0l0,-561l83,0l0,700l-101,0l-236,-427l-4,0l-236,427z"/>
<glyph unicode="N" horiz-adv-x="743" d="M100,700l0,-700l85,0l0,554l4,0l358,-554l96,0l0,700l-86,0l0,-557l-4,0l-358,557z"/>
<glyph unicode="O" horiz-adv-x="740" d="M370,-9C473,-9 550,24 602,91C654,158 680,244 680,350C680,457 654,543 602,610C550,676 473,709 370,709C267,709 189,676 138,610C86,543 60,457 60,350C60,243 86,157 138,91C190,24 267,-9 370,-9M370,73C293,73 238,99 203,152C168,205 150,271 150,350C150,387 154,422 162,454C169,485 181,514 197,541C213,568 236,589 266,604C295,619 330,627 370,627C447,627 503,601 538,548C573,495 590,429 590,350C590,271 573,205 538,152C503,99 447,73 370,73z"/>
<glyph unicode="P" horiz-adv-x="649" d="M100,700l0,-700l87,0l0,254l171,0C428,254 484,275 526,316C568,357 589,412 589,479C589,545 568,598 527,639C485,680 429,700 358,700M187,334l0,287l160,0C394,621 432,609 459,584C486,559 499,524 499,479C499,432 486,397 460,372C433,347 396,334 347,334z"/>
<glyph unicode="R" horiz-adv-x="670" d="M636,10l-188,278C495,301 532,326 559,361C586,396 599,439 599,490C599,551 579,602 540,641C501,680 446,700 377,700l-277,0l0,-700l87,0l0,277l170,0l184,-277l95,0M187,357l0,263l185,0C415,620 449,609 473,586C496,563 508,530 508,489C508,447 496,415 473,392C450,369 416,357 372,357z"/>
<glyph unicode="S" horiz-adv-x="632" d="M315,-9C396,-9 460,9 507,45C554,80 577,129 577,192C577,299 511,366 378,393l-95,20C204,430 164,465 164,517C164,592 214,629 314,629C366,629 406,618 433,595C460,572 474,540 476,501l89,0C564,563 541,613 496,652C451,690 391,709 316,709C239,709 180,692 137,658C94,623 73,576 73,517C73,465 89,424 120,394C151,363 197,341 259,328l102,-22C402,297 433,284 454,267C475,249 486,224 486,192C486,111 429,70 315,70C261,70 219,82 189,107C158,132 142,166 139,210l-89,0C52,143 76,89 122,50C167,11 232,-9 315,-9z"/>
<glyph unicode="T" horiz-adv-x="592" d="M252,620l0,-620l88,0l0,620l217,0l0,80l-522,0l0,-80z"/>
<glyph unicode=":" horiz-adv-x="238" d="M65,466l0,-110l108,0l0,110M65,110l0,-110l108,0l0,110z"/>
<glyph unicode="1" horiz-adv-x="425" d="M230,605l0,-605l85,0l0,700l-86,0l-174,-135l0,-86l10,0l161,126z"/>
<glyph unicode="’" horiz-adv-x="214" d="M42,473l0,-10l68,0l62,227l0,10l-99,0z"/>
<glyph unicode=" " horiz-adv-x="300"/>
</font>
<polyline class="usecase-mobile-st0" points="86,117.7 71,132.7 56,117.7 "/>
<polyline class="usecase-mobile-st0" points="246,117.7 231,132.7 216,117.7 "/>
<g>
<path class="usecase-mobile-st0" d="M66.1,216.7c2.7-2.7,7.1-2.7,9.9,0"/>
<path class="usecase-mobile-st0" d="M61.1,211.8c5.5-5.4,14.3-5.4,19.7,0"/>
<path class="usecase-mobile-st0" d="M56.2,206.8c8.2-8.2,21.4-8.2,29.6,0"/>
</g>
<rect x="1" y="142.7" class="usecase-mobile-st0" width="140" height="48"/>
<g>
<g>
<rect x="37.2" y="348" class="usecase-mobile-st0" width="67.5" height="118.4"/>
<polyline class="usecase-mobile-st0" points="104.8,472.9 104.8,479.5 37.2,479.5 37.2,472.9 "/>
<polyline class="usecase-mobile-st0" points="37.2,341.4 37.2,334.8 104.8,334.8 104.8,341.4 "/>
<circle class="usecase-mobile-st0" cx="71" cy="472.9" r="3.3"/>
<g>
<ellipse class="usecase-mobile-st0" cx="62.803" cy="341.382" rx="1.6" ry="1.6"/>
<line class="usecase-mobile-st0" x1="67.7" y1="341.4" x2="80.9" y2="341.4"/>
</g>
</g>
<g>
<polygon class="usecase-mobile-st0" points="95,375.1 95,439.1 47,439.1 47,389.6 61.5,375.1 "/>
<polygon class="usecase-mobile-st1" points="78.2,407.1 65.7,399.9 65.7,414.4 "/>
<polyline class="usecase-mobile-st0" points="61.5,380 61.5,389.6 51.8,389.6 "/>
</g>
</g>
<g>
<g>
<rect x="197.2" y="348" class="usecase-mobile-st0" width="67.5" height="118.4"/>
<polyline class="usecase-mobile-st0" points="264.8,472.9 264.8,479.5 197.2,479.5 197.2,472.9 "/>
<polyline class="usecase-mobile-st0" points="197.2,341.4 197.2,334.8 264.8,334.8 264.8,341.4 "/>
<circle class="usecase-mobile-st0" cx="231" cy="472.9" r="3.3"/>
<g>
<circle class="usecase-mobile-st0" cx="222.8" cy="341.4" r="1.6"/>
<line class="usecase-mobile-st0" x1="227.7" y1="341.4" x2="240.9" y2="341.4"/>
</g>
</g>
</g>
<g>
<path class="usecase-mobile-st0" d="M226.1,216.7c2.7-2.7,7.1-2.7,9.9,0"/>
<path class="usecase-mobile-st0" d="M221.1,211.8c5.4-5.4,14.3-5.4,19.7,0"/>
<path class="usecase-mobile-st0" d="M216.2,206.8c8.2-8.2,21.4-8.2,29.6,0"/>
</g>
<rect x="161" y="142.7" class="usecase-mobile-st0" width="140" height="48"/>
<g>
<path class="usecase-mobile-st2" d="M0.95,226.7v65h140v-65L0.95,226.7L0.95,226.7z"/>
<rect x="10.55" y="301.7" class="usecase-mobile-st2" width="11.5" height="11.5"/>
<rect x="27.85" y="319" class="usecase-mobile-st2" width="5.8" height="5.8"/>
</g>
<path class="usecase-mobile-st0" d="M71,132.7c0-44.2,35.8-80,80-80s80,35.8,80,80"/>
<polyline class="usecase-mobile-st0" points="216,504.5 231,489.5 246,504.5 "/>
<path class="usecase-mobile-st0" d="M127,565.8c-32.5-10.2-56-40.5-56-76.3"/>
<path class="usecase-mobile-st0" d="M231,489.5c0,35.8-23.5,66.1-56,76.3"/>
<g>
<polygon class="usecase-mobile-st0" points="175,537.5 175,601.5 127,601.5 127,551.9 141.5,537.5 "/>
<polygon class="usecase-mobile-st1" points="158.2,569.5 145.7,562.2 145.7,576.7 "/>
<polyline class="usecase-mobile-st0" points="141.5,542.3 141.5,551.9 131.8,551.9 "/>
</g>
<g>
<path class="usecase-mobile-st2" d="M161,226.7v65h140v-65L161,226.7L161,226.7z"/>
<rect x="279.5" y="301.7" class="usecase-mobile-st2" width="11.5" height="11.5"/>
<rect x="267.9" y="319" class="usecase-mobile-st2" width="5.8" height="5.8"/>
</g>
<text transform="matrix(1 0 0 1 91.9277 13.502)"><tspan x="0" y="0" class="usecase-mobile-st2 usecase-mobile-st3 usecase-mobile-st4">DATAHOP NOVEL</tspan><tspan x="-8.61" y="18" class="usecase-mobile-st2 usecase-mobile-st3 usecase-mobile-st4">D2D CONNECTIVITY</tspan></text>
<text transform="matrix(1 0 0 1 11.0001 161.9349)"><tspan x="0" y="0" class="usecase-mobile-st2 usecase-mobile-st5 usecase-mobile-st4">SSID</tspan><tspan x="0" y="18" class="usecase-mobile-st2 usecase-mobile-st3 usecase-mobile-st4">#ABC-E01</tspan></text>
<text transform="matrix(1 0 0 1 171.0001 161.9349)"><tspan x="0" y="0" class="usecase-mobile-st2 usecase-mobile-st5 usecase-mobile-st4">SSID</tspan><tspan x="0" y="18" class="usecase-mobile-st2 usecase-mobile-st3 usecase-mobile-st4">?ABC-E01</tspan></text>
<text transform="matrix(1 0 0 1 10.6001 246.0999)"><tspan x="0" y="0" class="usecase-mobile-st6 usecase-mobile-st5 usecase-mobile-st4">I </tspan><tspan x="8.231" y="0" class="usecase-mobile-st6 usecase-mobile-st3 usecase-mobile-st4">HAVE</tspan><tspan x="0" y="18" class="usecase-mobile-st6 usecase-mobile-st5 usecase-mobile-st4">EPISODE 1</tspan><tspan x="0" y="36" class="usecase-mobile-st6 usecase-mobile-st5 usecase-mobile-st4">OF SERES ABC</tspan></text>
<text transform="matrix(1 0 0 1 171 246.0999)"><tspan x="0" y="0" class="usecase-mobile-st6 usecase-mobile-st5 usecase-mobile-st4">I’M </tspan><tspan x="23.548" y="0" class="usecase-mobile-st6 usecase-mobile-st3 usecase-mobile-st4">LOOKING FOR</tspan><tspan x="0" y="18" class="usecase-mobile-st6 usecase-mobile-st5 usecase-mobile-st4">EPISODE 1</tspan><tspan x="0" y="36" class="usecase-mobile-st6 usecase-mobile-st5 usecase-mobile-st4">OF SERES ABC</tspan></text>
<text transform="matrix(1 0 0 1 13.8358 633.6257)"><tspan x="0" y="0" class="usecase-mobile-st2 usecase-mobile-st3 usecase-mobile-st4">CONNECT-CENTRIC D2D CONNECTIVITY</tspan><tspan x="-2.981" y="18" class="usecase-mobile-st2 usecase-mobile-st3 usecase-mobile-st4">BASED ON WIFI DIRECT AND BLUETOOTH</tspan></text>
<g>
<text transform="matrix(1 0 0 1 14.0428 681.3871)"><tspan x="0" y="0" class="usecase-mobile-st2 usecase-mobile-st5 usecase-mobile-st4">CONNECTION TIME:</tspan><tspan x="19.866" y="18" class="usecase-mobile-st2 usecase-mobile-st5 usecase-mobile-st4">TRANSFER TIME:</tspan></text>
<text transform="matrix(1 0 0 1 156.5415 681.3875)"><tspan x="0" y="0" class="usecase-mobile-st2 usecase-mobile-st3 usecase-mobile-st4">1 – 10 SECONDS</tspan><tspan x="0" y="18" class="usecase-mobile-st2 usecase-mobile-st3 usecase-mobile-st4">UP TO 10 SECONDS</tspan></text>
</g>
</svg>
</div>
<div class="usecase__container usecase__container--tablet">
<div class="usecase__tablet usecase__tablet--left">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 236.3 360" style="enable-background:new 0 0 236.3 360;" xml:space="preserve">
<style type="text/css">
.usecase-tablet-1-st0{fill:none;stroke:#2E343A;stroke-miterlimit:10;}
.usecase-tablet-1-st1{fill:#2E343A;stroke:#2E343A;stroke-linejoin:round;stroke-miterlimit:10;}
.usecase-tablet-1-st2{fill:#2E343A;stroke:#2E343A;stroke-linejoin:bevel;stroke-miterlimit:10;}
.usecase-tablet-1-st3{fill:#2E343A;stroke:#2E343A;stroke-miterlimit:10;}
.usecase-tablet-1-st4{fill:#2E343A;}
</style>
<g>
<g>
<polyline class="usecase-tablet-1-st0" points="94.3,221.3 94.3,140.1 72.6,140.1 72.6,127.4 62.5,127.4 62.5,140.1 35.7,140.1 35.7,190.9
42.2,190.9 42.2,306.3 47.2,306.3 61.8,209.9 "/>
<polyline class="usecase-tablet-1-st0" points="68.2,209.9 82.8,306.3 87.8,306.3 87.8,221.3 "/>
<rect x="62.5" y="113.5" class="usecase-tablet-1-st0" width="12.7" height="14"/>
<polyline class="usecase-tablet-1-st0" points="57.4,179.4 57.4,166.7 67.5,166.7 67.5,179.4 "/>
<polygon class="usecase-tablet-1-st1" points="72.6,132.5 62.5,127.4 72.6,127.4 "/>
<polygon class="usecase-tablet-1-st2" points="42.2,195.9 42.2,190.9 67.5,190.9 "/>
<line class="usecase-tablet-1-st0" x1="87.8" y1="221.3" x2="87.8" y2="179.4"/>
<polyline class="usecase-tablet-1-st0" points="42.2,190.9 67.5,190.9 67.5,179.4 42.2,179.4 "/>
<circle class="usecase-tablet-1-st3" cx="62.5" cy="170.6" r="0.6"/>
</g>
<line class="usecase-tablet-1-st0" x1="125" y1="306.3" x2="5" y2="306.3"/>
</g>
<g>
<g>
<polygon class="usecase-tablet-1-st4" points="92.3,62.3 90.5,67.1 94.1,67.1 92.3,62.3 "/>
<path class="usecase-tablet-1-st4" d="M57.7,44.1h-1.9v7.6h1.9c1.1,0,1.9-0.4,2.4-1.1c0.5-0.7,0.8-1.6,0.8-2.7c0-1.1-0.3-2-0.8-2.7
C59.6,44.4,58.8,44.1,57.7,44.1z"/>
<path class="usecase-tablet-1-st4" d="M18.2,62c-0.6,0-1.1,0.1-1.5,0.3c-0.4,0.2-0.7,0.5-1,0.9c-0.2,0.4-0.4,0.8-0.5,1.2c-0.1,0.4-0.2,0.9-0.2,1.5
c0,1.1,0.3,2,0.7,2.8s1.3,1.1,2.3,1.1c1.1,0,1.9-0.4,2.4-1.1s0.7-1.7,0.7-2.8c0-1.1-0.2-2-0.7-2.8C20,62.3,19.3,62,18.2,62z"/>
<path class="usecase-tablet-1-st4" d="M60.1,63.9c0-0.6-0.2-1-0.5-1.4c-0.3-0.3-0.8-0.5-1.4-0.5h-2.6v3.7h2.6c0.6,0,1.1-0.2,1.4-0.5
C60,64.9,60.1,64.5,60.1,63.9z"/>
<path class="usecase-tablet-1-st4" d="M50.4,50.6c0.5-0.7,0.7-1.7,0.7-2.8c0-1.1-0.2-2-0.7-2.8c-0.5-0.7-1.3-1.1-2.4-1.1c-0.6,0-1.1,0.1-1.5,0.3
c-0.4,0.2-0.7,0.5-1,0.9c-0.2,0.4-0.4,0.8-0.5,1.2C45,46.8,45,47.3,45,47.8c0,1.1,0.3,2,0.7,2.8c0.5,0.7,1.3,1.1,2.3,1.1
C49.1,51.7,49.9,51.4,50.4,50.6z"/>
<polygon class="usecase-tablet-1-st4" points="36.2,27.1 35,31 37.4,31 36.3,27.1 "/>
<path class="usecase-tablet-1-st4" d="M5,15.4v65h120v-65C125,15.4,5,15.4,5,15.4z M76.5,44.8l2.4-1.9h1.2v9.8h-1.2v-8.5h-0.1L76.6,46h-0.1
C76.5,46,76.5,44.8,76.5,44.8z M64.4,42.9h6.3v1.1h-5.1v3.1h4.7v1.1h-4.7v3.4h5.1v1.1h-6.3V42.9z M51.1,24.9h7v2h-4.8v1.8h4.4v2
h-4.4v2.1h4.8v1.9h-7V24.9z M40.5,24.9H43l2.3,7.2h0.1l2.2-7.2h2.5v0.1l-3.5,9.7H44l-3.5-9.7L40.5,24.9L40.5,24.9z M22.2,24.9h2.2
v3.8h3.9v-3.8h2.2v9.8h-2.2v-4.1h-3.9v4.1h-2.2V24.9z M14.4,24.9h1.2v9.8h-1.2V24.9z M14.4,42.9h6.3v1.1h-5.1v3.1h4.7v1.1h-4.6
v3.4h5.1v1.1h-6.3C14.4,52.7,14.4,42.9,14.4,42.9z M21.4,69.5c-0.7,0.9-1.8,1.4-3.2,1.4c-1.4,0-2.5-0.5-3.2-1.4
c-0.7-0.9-1.1-2.1-1.1-3.6s0.4-2.7,1.1-3.6c0.7-0.9,1.8-1.4,3.2-1.4c1.4,0,2.5,0.5,3.2,1.4c0.7,0.9,1.1,2.1,1.1,3.6
C22.5,67.3,22.2,68.5,21.4,69.5z M23.9,52.7h-1.2v-9.8h3.6c1,0,1.8,0.3,2.4,0.9c0.6,0.6,0.9,1.3,0.9,2.2c0,0.9-0.3,1.7-0.9,2.3
c-0.6,0.6-1.4,0.9-2.4,0.9h-2.4L23.9,52.7L23.9,52.7z M30.9,62.1h-4.9v3.3h4.5v1.1h-4.5v4.3h-1.2v-9.8h6.1L30.9,62.1L30.9,62.1z
M32.7,52.7h-1.2v-9.8h1.2V52.7z M33.8,34.7h-2.3v-0.1l3.4-9.7h2.8l3.4,9.7v0.1h-2.4L38,32.9h-3.6L33.8,34.7z M34.8,49.8H36
c0,0.6,0.3,1.1,0.7,1.4c0.4,0.4,1,0.5,1.8,0.5c1.6,0,2.4-0.6,2.4-1.7c0-0.4-0.2-0.8-0.4-1.1c-0.3-0.2-0.7-0.4-1.3-0.5l-1.4-0.3
c-0.9-0.2-1.5-0.5-1.9-0.9c-0.4-0.4-0.7-1-0.7-1.7c0-0.8,0.3-1.5,0.9-2c0.6-0.5,1.4-0.7,2.5-0.7c1,0,1.9,0.3,2.5,0.8
c0.6,0.5,1,1.2,1,2.1h-1.2c0-0.5-0.2-1-0.6-1.3s-0.9-0.5-1.7-0.5c-1.4,0-2.1,0.5-2.1,1.6c0,0.7,0.6,1.2,1.7,1.5l1.3,0.3
c1.9,0.4,2.8,1.3,2.8,2.8c0,0.9-0.3,1.6-1,2.1c-0.7,0.5-1.6,0.8-2.7,0.8c-1.2,0-2.1-0.3-2.7-0.8C35.1,51.5,34.8,50.7,34.8,49.8z
M43,70.1c-0.7,0.5-1.6,0.8-2.7,0.8c-1.2,0-2.1-0.3-2.7-0.8c-0.6-0.5-1-1.3-1-2.2h1.2c0,0.6,0.3,1.1,0.7,1.4
c0.4,0.4,1,0.5,1.8,0.5c1.6,0,2.4-0.6,2.4-1.7c0-0.4-0.2-0.8-0.4-1.1c-0.3-0.2-0.7-0.4-1.3-0.5l-1.4-0.3c-0.9-0.2-1.5-0.5-1.9-0.9
c-0.4-0.4-0.7-1-0.7-1.7c0-0.8,0.3-1.5,0.9-2c0.6-0.5,1.4-0.7,2.5-0.7c1,0,1.9,0.3,2.5,0.8c0.6,0.5,1,1.2,1,2.1h-1.2
c0-0.5-0.2-1-0.6-1.3s-0.9-0.5-1.7-0.5c-1.4,0-2.1,0.5-2.1,1.6c0,0.7,0.6,1.2,1.7,1.5l1.3,0.3c1.9,0.4,2.8,1.3,2.8,2.8
C44,68.9,43.7,69.6,43,70.1z M44.8,51.5c-0.7-0.9-1.1-2.1-1.1-3.6c0-1.5,0.4-2.7,1.1-3.6c0.7-0.9,1.8-1.4,3.2-1.4
c1.4,0,2.5,0.5,3.2,1.4c0.7,0.9,1.1,2.1,1.1,3.6c0,1.5-0.4,2.7-1.1,3.6s-1.8,1.4-3.2,1.4C46.6,52.9,45.5,52.4,44.8,51.5z
M52.4,62.1h-5.1v3.1H52v1.1h-4.7v3.4h5.1v1.1h-6.3v-9.8h6.3V62.1z M61.9,70.7h-1.3L58,66.9h-2.4v3.9h-1.2v-9.8h3.9
c1,0,1.7,0.3,2.3,0.8c0.5,0.5,0.8,1.3,0.8,2.1c0,0.7-0.2,1.3-0.6,1.8s-0.9,0.8-1.6,1l2.6,3.9L61.9,70.7L61.9,70.7z M61.1,51.4
c-0.8,0.9-1.8,1.4-3.2,1.4h-3.2v-9.8h3.2c1.4,0,2.5,0.4,3.2,1.3s1.1,2.1,1.1,3.6C62.2,49.3,61.8,50.5,61.1,51.4z M64.9,70.7h-1.2
v-9.8h1.2V70.7z M73.9,62.1h-5.1v3.1h4.7v1.1h-4.7v3.4h5.1v1.1h-6.3v-9.8h6.3C73.9,60.9,73.9,62.1,73.9,62.1z M81.6,70.1
c-0.7,0.5-1.6,0.8-2.7,0.8c-1.2,0-2.1-0.3-2.7-0.8c-0.6-0.5-1-1.3-1-2.2h1.2c0,0.6,0.3,1.1,0.7,1.4c0.4,0.4,1,0.5,1.8,0.5
c1.6,0,2.4-0.6,2.4-1.7c0-0.4-0.2-0.8-0.4-1.1c-0.3-0.2-0.7-0.4-1.3-0.5l-1.4-0.3c-0.9-0.2-1.5-0.5-1.9-0.9
c-0.4-0.4-0.7-1-0.7-1.7c0-0.8,0.3-1.5,0.9-2c0.6-0.5,1.4-0.7,2.5-0.7c1.1,0,1.9,0.3,2.5,0.8c0.6,0.5,1,1.2,1,2.1h-1.2
c0-0.5-0.2-1-0.6-1.3s-0.9-0.5-1.7-0.5c-1.4,0-2.1,0.5-2.1,1.6c0,0.7,0.6,1.2,1.7,1.5l1.3,0.3c1.9,0.4,2.8,1.3,2.8,2.8
C82.6,68.9,82.2,69.6,81.6,70.1z M96.7,70.7h-1.3l-0.9-2.6h-4.3l-0.9,2.6H88v-0.1l3.6-9.7h1.5l3.6,9.7L96.7,70.7L96.7,70.7z
M104.7,70c-0.6,0.5-1.3,0.8-2.3,0.8h-4v-9.8h3.9c0.8,0,1.5,0.2,2.1,0.7c0.5,0.5,0.8,1.1,0.8,1.9c0,1-0.4,1.6-1.2,2v0.1
c1.1,0.4,1.6,1.2,1.6,2.4C105.6,68.8,105.3,69.5,104.7,70z M108.6,67.3c0.1,0.4,0.3,0.9,0.5,1.2c0.2,0.4,0.6,0.7,1,0.9
s0.9,0.3,1.4,0.3c1.5,0,2.4-0.7,2.7-2.2h1.2c-0.1,1-0.5,1.8-1.2,2.4c-0.7,0.6-1.6,0.9-2.7,0.9c-1.4,0-2.5-0.4-3.2-1.4
c-0.8-0.9-1.1-2.1-1.1-3.7c0-1.5,0.4-2.8,1.1-3.7c0.8-0.9,1.8-1.4,3.2-1.4c1.2,0,2.1,0.3,2.8,0.9c0.7,0.6,1.1,1.4,1.2,2.5h-1.3
c-0.1-0.7-0.3-1.2-0.8-1.7c-0.4-0.4-1.1-0.6-1.9-0.6c-0.5,0-1,0.1-1.4,0.3c-0.4,0.2-0.7,0.5-1,0.9c-0.2,0.4-0.4,0.8-0.5,1.2
c-0.1,0.4-0.2,0.9-0.2,1.5C108.4,66.4,108.4,66.9,108.6,67.3z"/>
<path class="usecase-tablet-1-st4" d="M102.3,66.2h-2.7v3.4h2.7c0.6,0,1.1-0.2,1.5-0.5c0.4-0.3,0.5-0.7,0.5-1.3c0-0.6-0.2-1-0.5-1.3
C103.4,66.3,102.9,66.2,102.3,66.2z"/>
<path class="usecase-tablet-1-st4" d="M28.3,46c0-0.6-0.2-1.1-0.6-1.5c-0.4-0.3-0.9-0.5-1.6-0.5h-2.2v4h2.2c0.7,0,1.2-0.2,1.6-0.5
C28.1,47.2,28.3,46.7,28.3,46z"/>
<path class="usecase-tablet-1-st4" d="M103.4,64.7c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.8-0.4-1.1c-0.3-0.3-0.7-0.4-1.3-0.4h-2.6v3.1h2.4
C102.6,65.1,103.1,65,103.4,64.7z"/>
<rect x="524.59" y="90.351" class="st4" width="11.513" height="11.513"/>
<rect x="513" y="107.697" class="st4" width="5.757" height="5.757"/>
</g>
<!-- <rect x="14.6" y="90.4" class="usecase-tablet-1-st1" width="11.5" height="11.5"/> -->
<!-- <rect x="31.9" y="107.7" class="usecase-tablet-1-st1" width="5.8" height="5.8"/> -->
</g>
<g>
<g>
<rect x="145" y="131" class="usecase-tablet-1-st0" width="90" height="157.8"/>
<polyline class="usecase-tablet-1-st0" points="235,297.5 235,306.3 145,306.3 145,297.5 "/>
<polyline class="usecase-tablet-1-st0" points="145,122.2 145,113.5 235,113.5 235,122.2 "/>
<circle class="usecase-tablet-1-st0" cx="190" cy="297.5" r="4.4"/>
<g>
<circle class="usecase-tablet-1-st0" cx="179" cy="122.2" r="2.2"/>
<line class="usecase-tablet-1-st0" x1="185.6" y1="122.2" x2="203.1" y2="122.2"/>
</g>
</g>
<g>
<polygon class="usecase-tablet-1-st0" points="222,167.2 222,252.5 158,252.5 158,186.5 177.3,167.2 "/>
<polygon class="usecase-tablet-1-st3" points="199.6,209.9 182.9,200.2 182.9,219.5 "/>
<polyline class="usecase-tablet-1-st0" points="177.3,173.7 177.3,186.5 164.4,186.5 "/>
</g>
</g>
<g>
<g>
<rect x="145" y="15.4" class="usecase-tablet-1-st0" width="90" height="65"/>
<g>
<path class="usecase-tablet-1-st4" d="M154.7,34c-0.6-0.5-1-1.3-1-2.2h1.2c0,0.6,0.3,1.1,0.7,1.4c0.4,0.4,1,0.5,1.8,0.5c1.6,0,2.4-0.6,2.4-1.7
c0-0.4-0.2-0.8-0.4-1.1c-0.3-0.2-0.7-0.4-1.3-0.5l-1.4-0.3c-0.9-0.2-1.5-0.5-1.9-0.9c-0.4-0.4-0.7-1-0.7-1.7c0-0.8,0.3-1.5,0.9-2
c0.6-0.5,1.4-0.7,2.5-0.7c1.1,0,1.9,0.3,2.5,0.8c0.6,0.5,1,1.2,1,2.1h-1.2c0-0.5-0.2-1-0.6-1.3s-0.9-0.5-1.7-0.5
c-1.4,0-2.1,0.5-2.1,1.6c0,0.7,0.6,1.2,1.7,1.5l1.3,0.3c1.9,0.4,2.8,1.3,2.8,2.8c0,0.9-0.3,1.6-1,2.1c-0.7,0.5-1.6,0.8-2.7,0.8
C156.2,34.9,155.3,34.6,154.7,34z"/>
<path class="usecase-tablet-1-st4" d="M163.7,34c-0.6-0.5-1-1.3-1-2.2h1.2c0,0.6,0.3,1.1,0.7,1.4c0.4,0.4,1,0.5,1.8,0.5c1.6,0,2.4-0.6,2.4-1.7
c0-0.4-0.2-0.8-0.4-1.1c-0.3-0.2-0.7-0.4-1.3-0.5l-1.4-0.3c-0.9-0.2-1.5-0.5-1.9-0.9c-0.4-0.4-0.7-1-0.7-1.7c0-0.8,0.3-1.5,0.9-2
c0.6-0.5,1.4-0.7,2.5-0.7c1.1,0,1.9,0.3,2.5,0.8c0.6,0.5,1,1.2,1,2.1h-1.2c0-0.5-0.2-1-0.6-1.3s-0.9-0.5-1.7-0.5
c-1.4,0-2.1,0.5-2.1,1.6c0,0.7,0.6,1.2,1.7,1.5l1.3,0.3c1.9,0.4,2.8,1.3,2.8,2.8c0,0.9-0.3,1.6-1,2.1c-0.7,0.5-1.6,0.8-2.7,0.8
C165.2,34.9,164.3,34.6,163.7,34z"/>
<path class="usecase-tablet-1-st4" d="M173.4,24.9v9.8h-1.2v-9.8C172.2,24.9,173.4,24.9,173.4,24.9z"/>
<path class="usecase-tablet-1-st4" d="M179.3,24.9c1.4,0,2.5,0.4,3.2,1.3c0.8,0.9,1.1,2.1,1.1,3.6c0,1.4-0.4,2.6-1.1,3.5c-0.8,0.9-1.8,1.4-3.2,1.4
H176v-9.8L179.3,24.9L179.3,24.9z M179.2,33.6c1.1,0,1.9-0.4,2.4-1.1c0.5-0.7,0.8-1.6,0.8-2.7c0-1.1-0.3-2-0.8-2.7
c-0.5-0.7-1.4-1.1-2.4-1.1h-1.9v7.6H179.2z"/>
<path class="usecase-tablet-1-st4" d="M160.2,48.7h1.2v1.6h-1.5l-0.4,2.4h-1.7l0.4-2.4h-1.5l-0.4,2.4h-1.7l0.4-2.4h-1.3v-1.6h1.6l0.3-1.7h-1.1
v-1.6h1.4l0.4-2.5h1.7l-0.4,2.5h1.5l0.4-2.5h1.7l-0.4,2.5h1.4V47h-1.7L160.2,48.7z M157.3,47l-0.3,1.7h1.5l0.3-1.7H157.3z"/>
<path class="usecase-tablet-1-st4" d="M171.7,52.7h-2.1l-0.7-2.1h-3.8l-0.7,2.1h-2v-0.1l3.4-9.7h2.4l3.4,9.7L171.7,52.7L171.7,52.7z M167,44.9
L167,44.9l-1.4,4.1h2.7L167,44.9z"/>
<path class="usecase-tablet-1-st4" d="M177.3,42.9c0.9,0,1.6,0.2,2.1,0.7c0.5,0.5,0.8,1.1,0.8,1.9c0,0.9-0.3,1.6-1,2v0.1c0.9,0.4,1.4,1.2,1.4,2.4
c0,0.9-0.3,1.6-0.8,2.1c-0.6,0.5-1.3,0.8-2.3,0.8h-4.6v-9.8C172.9,42.9,177.3,42.9,177.3,42.9z M177,46.9c0.4,0,0.7-0.1,1-0.3
c0.2-0.2,0.3-0.5,0.3-0.8c0-0.7-0.4-1.1-1.2-1.1h-2.3v2.2C174.8,46.9,177,46.9,177,46.9z M177.2,51c0.5,0,0.9-0.1,1.1-0.4
c0.2-0.2,0.4-0.5,0.4-0.9c0-0.4-0.1-0.7-0.4-0.9s-0.6-0.3-1.1-0.3h-2.4V51L177.2,51L177.2,51z"/>
<path class="usecase-tablet-1-st4" d="M182.8,51.5c-0.8-0.9-1.2-2.1-1.2-3.6c0-1.5,0.4-2.7,1.2-3.6s1.9-1.4,3.4-1.4c1.2,0,2.2,0.4,3,1.1
s1.2,1.6,1.3,2.6h-2c-0.1-0.6-0.3-1-0.6-1.4c-0.4-0.4-0.9-0.5-1.6-0.5c-0.9,0-1.5,0.3-2,0.9c-0.4,0.6-0.7,1.4-0.7,2.4
s0.2,1.8,0.7,2.4c0.4,0.6,1.1,0.9,2,0.9c0.7,0,1.2-0.2,1.6-0.5c0.4-0.3,0.6-0.8,0.7-1.3h1.9c-0.1,1-0.5,1.9-1.3,2.6
c-0.8,0.7-1.7,1-2.9,1C184.8,52.9,183.6,52.4,182.8,51.5z"/>
<path class="usecase-tablet-1-st4" d="M196.2,47.8v1.7h-4.3v-1.7H196.2z"/>
<path class="usecase-tablet-1-st4" d="M205.1,42.9v1.7h-4.9v2.2h4.4v1.7h-4.4V51h4.9v1.7h-6.8v-9.8H205.1z"/>
<path class="usecase-tablet-1-st4" d="M207.2,51.5c-0.6-0.9-0.9-2.1-0.9-3.7c0-1.5,0.3-2.8,0.9-3.7c0.6-0.9,1.5-1.4,2.8-1.4s2.2,0.4,2.8,1.4
c0.6,0.9,0.9,2.1,0.9,3.7c0,1.6-0.3,2.8-0.9,3.7c-0.6,0.9-1.5,1.4-2.8,1.4S207.8,52.4,207.2,51.5z M211.4,50.4
c0.3-0.6,0.4-1.4,0.4-2.5c0-1.1-0.1-2-0.4-2.5c-0.3-0.6-0.7-0.8-1.4-0.8s-1.1,0.3-1.4,0.8c-0.3,0.6-0.4,1.4-0.4,2.5
c0,1.1,0.1,2,0.4,2.5c0.3,0.6,0.7,0.9,1.4,0.9S211.1,50.9,211.4,50.4z"/>
<path class="usecase-tablet-1-st4" d="M217.2,44.9l-2.3,1.7h-0.1v-1.8l2.4-1.8h1.9v9.8h-1.9L217.2,44.9L217.2,44.9L217.2,44.9z"/>
</g>
</g>
<g>
<path class="usecase-tablet-1-st0" d="M185.1,104.9c2.7-2.7,7.1-2.7,9.9,0"/>
<path class="usecase-tablet-1-st0" d="M180.1,100c5.4-5.4,14.3-5.4,19.7,0"/>
<path class="usecase-tablet-1-st0" d="M175.2,95c8.2-8.2,21.4-8.2,29.6,0"/>
<rect x="101.896" y="90.351" class="usecase-tablet-1-st4" width="11.513" height="11.513"/>
<rect x="119.243" y="107.697" class="usecase-tablet-1-st4" width="5.757" height="5.757"/>
</g>
</g>
</svg>
</div>
<div class="usecase__tablet usecase__tablet--center">
<div class="usecase__arrow usecase__arrow--tablet usecase__arrow--top" style="top: 65px;"></div>
<div class="usecase__arrow usecase__arrow--tablet usecase__arrow--bottom"></div>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 320 360" style="enable-background:new 0 0 320 360;" xml:space="preserve">
<style type="text/css">
.usecase-tablet-2-st0{fill:#F8F8F8;stroke:#2E343A;stroke-miterlimit:10;}
.usecase-tablet-2-st1{fill:#2E343A;stroke:#2E343A;stroke-miterlimit:10;}
.usecase-tablet-2-st2{fill:#2E343A;}
.usecase-tablet-2-st4{font-size:14px;}
</style>
<g>
<g>
<polygon class="usecase-tablet-2-st0" points="192,147.2 192,232.5 128,232.5 128,166.5 147.3,147.2 "/>
<polygon class="usecase-tablet-2-st1" points="169.6,189.9 152.9,180.2 152.9,199.5 "/>
<polyline class="usecase-tablet-2-st0" points="147.3,153.7 147.3,166.5 134.4,166.5 "/>
</g>
</g>
<g class="font-medium">
<text transform="matrix(1 0 0 1 93.3394 262.5928)">
<tspan x="0" y="0" class="usecase-tablet-2-st2 usecase-tablet-2-st3 usecase-tablet-2-st4">Content-centric</tspan>
<tspan x="-1.022" y="16.8" class="usecase-tablet-2-st2 usecase-tablet-2-st3 usecase-tablet-2-st4">D2D Connectivity</tspan>
<tspan x="-12.88" y="33.6" class="usecase-tablet-2-st2 usecase-tablet-2-st3 usecase-tablet-2-st4">Based on wifi direct</tspan>
<tspan x="8.057" y="50.4" class="usecase-tablet-2-st2 usecase-tablet-2-st3 usecase-tablet-2-st4">and bluetooth</tspan>
</text>
<g>
<text transform="matrix(1 0 0 1 165.9663 332.2997)">
<tspan x="0" y="0" class="usecase-tablet-2-st2 usecase-tablet-2-st3 usecase-tablet-2-st4">1 – 10 seconds</tspan>
<tspan x="0" y="16.8" class="usecase-tablet-2-st2 usecase-tablet-2-st3 usecase-tablet-2-st4">up to 1 min</tspan>
</text>
<text transform="matrix(1 0 0 1 22.6179 332.2997)">
<tspan x="0" y="0" class="usecase-tablet-2-st2 usecase-tablet-2-st5 usecase-tablet-2-st4 font-regular">connection time:</tspan>
<tspan x="19.866" y="16.8" class="usecase-tablet-2-st2 usecase-tablet-2-st5 usecase-tablet-2-st4 font-regular">transfer time:</tspan>
</text>
</g>
</g>
<text class="font-medium" transform="matrix(1 0 0 1 126.3164 19.692)"><tspan x="0" y="0" class="usecase-tablet-2-st2 usecase-tablet-2-st3 usecase-tablet-2-st4">DATAHOP</tspan><tspan x="-5.544" y="16.8" class="usecase-tablet-2-st2 usecase-tablet-2-st3 usecase-tablet-2-st4">NOVEL D2D</tspan><tspan x="-18.158" y="33.6" class="usecase-tablet-2-st2 usecase-tablet-2-st3 usecase-tablet-2-st4">CONNECTIVITY</tspan></text>
</svg>
</div>
<div class="usecase__tablet usecase__tablet--right">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 240 360" style="enable-background:new 0 0 240 360;" xml:space="preserve">
<style type="text/css">
.usecase-tablet-1a-st0{fill:none;stroke:#2E343A;stroke-miterlimit:10;}
.usecase-tablet-1a-st1{fill:#2E343A;stroke:#2E343A;stroke-linejoin:round;stroke-miterlimit:10;}
.usecase-tablet-1a-st2{fill:#2E343A;stroke:#2E343A;stroke-linejoin:bevel;stroke-miterlimit:10;}
.usecase-tablet-1a-st3{fill:#2E343A;stroke:#2E343A;stroke-miterlimit:10;}
.usecase-tablet-1a-st4{fill:#2E343A;}
</style>
<g>
<polyline class="usecase-tablet-1a-st0" points="204.3,221.3 204.3,140.1 182.6,140.1 182.6,127.4 172.5,127.4 172.5,140.1 145.7,140.1 145.7,190.9
152.2,190.9 152.2,306.3 157.2,306.3 171.8,209.9 "/>
<polyline class="usecase-tablet-1a-st0" points="178.2,209.9 192.8,306.3 197.8,306.3 197.8,221.3 "/>
<rect x="169.9" y="113.5" class="usecase-tablet-1a-st0" width="12.7" height="14"/>
<polyline class="usecase-tablet-1a-st0" points="167.4,179.4 167.4,166.7 177.5,166.7 177.5,179.4 "/>
<polygon class="usecase-tablet-1a-st1" points="172.5,132.5 182.6,127.4 172.5,127.4 "/>
<polygon class="usecase-tablet-1a-st2" points="152.2,195.9 152.2,190.9 177.5,190.9 "/>
<line class="usecase-tablet-1a-st0" x1="197.8" y1="221.3" x2="197.8" y2="179.4"/>
<polyline class="usecase-tablet-1a-st0" points="152.2,190.9 177.5,190.9 177.5,179.4 152.2,179.4 "/>
<circle class="usecase-tablet-1a-st3" cx="172.5" cy="170.6" r="0.6"/>
<line class="usecase-tablet-1a-st0" x1="235" y1="306.3" x2="115" y2="306.3"/>
</g>
<g>
<g>
<path class="usecase-tablet-1a-st4" d="M128.2,62c-0.6,0-1.1,0.1-1.5,0.3c-0.4,0.2-0.7,0.5-1,0.9c-0.2,0.4-0.4,0.8-0.5,1.2c-0.1,0.4-0.2,0.9-0.2,1.5
c0,1.1,0.3,2,0.7,2.8s1.3,1.1,2.3,1.1c1.1,0,1.9-0.4,2.4-1.1s0.7-1.7,0.7-2.8c0-1.1-0.2-2-0.7-2.8C130,62.3,129.3,62,128.2,62z"/>
<path class="usecase-tablet-1a-st4" d="M190.2,44c-0.6,0-1.1,0.1-1.5,0.3c-0.4,0.2-0.7,0.5-1,0.9c-0.2,0.4-0.4,0.8-0.5,1.2c-0.1,0.4-0.2,0.9-0.2,1.5
c0,1.1,0.3,2,0.7,2.8c0.5,0.7,1.3,1.1,2.3,1.1c1.1,0,1.9-0.4,2.4-1.1c0.5-0.7,0.7-1.7,0.7-2.8c0-1.1-0.2-2-0.7-2.8
C192.1,44.3,191.3,44,190.2,44z"/>
<path class="usecase-tablet-1a-st4" d="M136.4,44.8c-0.8,0-1.4,0.3-1.9,0.8c-0.4,0.5-0.6,1.3-0.6,2.3c0,1,0.2,1.7,0.7,2.3c0.4,0.5,1.1,0.8,1.9,0.8
s1.4-0.3,1.9-0.8c0.4-0.5,0.6-1.3,0.6-2.3c0-1-0.2-1.8-0.6-2.3C137.9,45.1,137.2,44.8,136.4,44.8z"/>
<path class="usecase-tablet-1a-st4" d="M146.9,44.9h-2.2v2.4h2.2c0.4,0,0.7-0.1,0.9-0.4c0.2-0.2,0.3-0.5,0.3-0.9c0-0.3-0.1-0.6-0.3-0.8
C147.6,45,147.3,44.9,146.9,44.9z"/>
<path class="usecase-tablet-1a-st4" d="M169.9,26.8c-0.8,0-1.4,0.3-1.9,0.8c-0.4,0.5-0.6,1.3-0.6,2.3s0.2,1.7,0.7,2.3c0.4,0.5,1.1,0.8,1.9,0.8
s1.4-0.3,1.9-0.8c0.4-0.5,0.6-1.3,0.6-2.3c0-1-0.2-1.8-0.6-2.3C171.4,27.1,170.7,26.8,169.9,26.8z"/>
<path class="usecase-tablet-1a-st4" d="M202.3,50.6c0.5-0.7,0.8-1.6,0.8-2.7c0-1.1-0.3-2-0.8-2.7c-0.5-0.7-1.4-1.1-2.4-1.1h-1.9v7.6h1.9
C200.9,51.6,201.7,51.3,202.3,50.6z"/>
<path class="usecase-tablet-1a-st4" d="M170.1,63.9c0-0.6-0.2-1-0.5-1.4c-0.3-0.3-0.8-0.5-1.4-0.5h-2.6v3.7h2.6c0.6,0,1.1-0.2,1.4-0.5
C170,64.9,170.1,64.5,170.1,63.9z"/>
<path class="usecase-tablet-1a-st4" d="M159.6,26.8c-0.8,0-1.4,0.3-1.9,0.8c-0.4,0.5-0.6,1.3-0.6,2.3s0.2,1.7,0.7,2.3c0.4,0.5,1.1,0.8,1.9,0.8
s1.4-0.3,1.9-0.8c0.4-0.5,0.6-1.3,0.6-2.3c0-1-0.2-1.8-0.6-2.3C161,27.1,160.4,26.8,159.6,26.8z"/>
<polygon class="usecase-tablet-1a-st4" points="202.3,62.3 200.5,67.1 204.1,67.1 202.3,62.3 "/>
<path class="usecase-tablet-1a-st4" d="M213.4,64.7c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.8-0.4-1.1c-0.3-0.3-0.7-0.4-1.3-0.4h-2.6v3.1h2.4
C212.6,65.1,213.1,65,213.4,64.7z"/>
<path class="usecase-tablet-1a-st4" d="M212.3,66.2h-2.7v3.4h2.7c0.6,0,1.1-0.2,1.5-0.5c0.4-0.3,0.5-0.7,0.5-1.3c0-0.6-0.2-1-0.5-1.3
C213.4,66.3,212.9,66.2,212.3,66.2z"/>
<path class="usecase-tablet-1a-st4" d="M169.9,47.5c0.4-0.4,0.5-0.8,0.5-1.5c0-0.6-0.2-1.1-0.6-1.5c-0.4-0.4-0.9-0.5-1.6-0.5h-2.2v4h2.2
C169,48.1,169.5,47.9,169.9,47.5z"/>
<path class="usecase-tablet-1a-st4" d="M115,15.4v65h120v-65C235,15.4,115,15.4,115,15.4z M218.6,44.8l2.4-1.9h1.2v9.8h-1.2v-8.5H221l-2.3,1.8h-0.1
L218.6,44.8L218.6,44.8z M212.4,47.1v1.1h-4.7v3.4h5.1v1.1h-6.3v-9.8h6.3v1.1h-5.1v3.1L212.4,47.1L212.4,47.1z M200.5,26.2
c0.8-0.9,2-1.4,3.5-1.4c1.2,0,2.2,0.3,3,1c0.8,0.7,1.2,1.5,1.3,2.5h-2.2c-0.1-0.4-0.3-0.8-0.6-1.1c-0.4-0.3-0.8-0.4-1.5-0.4
c-0.8,0-1.4,0.3-1.9,0.8s-0.6,1.3-0.6,2.3c0,1,0.2,1.7,0.6,2.3c0.4,0.5,1.1,0.8,1.9,0.8c1.2,0,1.9-0.5,2.1-1.5h-1.8v-1.9h4.1v1.1
c0,1.3-0.4,2.3-1.2,3.1c-0.8,0.8-1.9,1.2-3.2,1.2c-1.5,0-2.7-0.5-3.5-1.4s-1.2-2.1-1.2-3.6C199.3,28.4,199.7,27.2,200.5,26.2z
M185.4,24.9h2.2v9.8h-2.2V24.9z M164.8,42.9h3.6c1,0,1.8,0.3,2.4,0.9c0.6,0.6,0.9,1.3,0.9,2.2c0,0.9-0.3,1.7-0.9,2.3
c-0.6,0.6-1.4,0.9-2.4,0.9h-2.4v3.6h-1.2L164.8,42.9L164.8,42.9z M127.8,28.1l0.4-3.2h1.4v0.1l-0.9,3.2h-1L127.8,28.1L127.8,28.1z
M124.4,24.9h1.2v9.8h-1.2V24.9z M124,42.9h7v2h-4.8V47h4.4v2h-4.4v3.8H124L124,42.9L124,42.9z M131.4,69.5
c-0.7,0.9-1.8,1.4-3.2,1.4c-1.4,0-2.5-0.5-3.2-1.4c-0.7-0.9-1.1-2.1-1.1-3.6c0-1.5,0.4-2.7,1.1-3.6c0.7-0.9,1.8-1.4,3.2-1.4
c1.4,0,2.5,0.5,3.2,1.4c0.7,0.9,1.1,2.1,1.1,3.6C132.5,67.3,132.2,68.5,131.4,69.5z M140.9,62.1h-4.9v3.3h4.5v1.1h-4.5v4.3h-1.2
v-9.8h6.1L140.9,62.1L140.9,62.1z M139.9,51.5c-0.8,0.9-2,1.4-3.5,1.4c-1.5,0-2.7-0.5-3.5-1.4s-1.2-2.1-1.2-3.6
c0-1.5,0.4-2.7,1.2-3.6s2-1.4,3.5-1.4s2.7,0.5,3.5,1.4s1.2,2.2,1.2,3.6C141.2,49.3,140.8,50.5,139.9,51.5z M141.2,34.7h-1.2v-7.9
H140l-3.5,6.2h-0.1l-3.5-6.2h-0.1v7.9h-1.2v-9.8h1.4l3.3,6h0.1l3.3-6h1.4L141.2,34.7L141.2,34.7z M144.7,49.3v3.5h-2.2v-9.8h4.5
c1,0,1.8,0.3,2.4,0.9c0.6,0.6,0.9,1.3,0.9,2.2c0,0.7-0.2,1.3-0.5,1.8c-0.4,0.5-0.8,0.9-1.4,1.1l2.4,3.6v0.1h-2.6l-2.1-3.5
C146.1,49.3,144.7,49.3,144.7,49.3z M153,70.1c-0.7,0.5-1.6,0.8-2.7,0.8c-1.2,0-2.1-0.3-2.7-0.8c-0.6-0.5-1-1.3-1-2.2h1.2
c0,0.6,0.3,1.1,0.7,1.4c0.4,0.4,1,0.5,1.8,0.5c1.6,0,2.4-0.6,2.4-1.7c0-0.4-0.2-0.8-0.4-1.1c-0.3-0.2-0.7-0.4-1.3-0.5l-1.4-0.3
c-0.9-0.2-1.5-0.5-1.9-0.9c-0.4-0.4-0.7-1-0.7-1.7c0-0.8,0.3-1.5,0.9-2c0.6-0.5,1.4-0.7,2.5-0.7c1,0,1.9,0.3,2.5,0.8
c0.6,0.5,1,1.2,1,2.1h-1.2c0-0.5-0.2-1-0.6-1.3s-0.9-0.5-1.7-0.5c-1.4,0-2.1,0.5-2.1,1.6c0,0.7,0.6,1.2,1.7,1.5l1.3,0.3
c1.9,0.4,2.8,1.3,2.8,2.8C154,68.9,153.7,69.6,153,70.1z M154.4,34.7h-6.7v-9.8h2.2v7.8h4.5L154.4,34.7L154.4,34.7z M162.4,62.1
h-5.1v3.1h4.7v1.1h-4.7v3.4h5.1v1.1h-6.3v-9.8h6.3V62.1z M162.8,44.1h-5.1v3.1h4.7v1.1h-4.7v3.4h5.1v1.1h-6.3v-9.8h6.3V44.1z
M163.1,33.5c-0.8,0.9-2,1.4-3.5,1.4c-1.5,0-2.7-0.5-3.5-1.4s-1.2-2.1-1.2-3.6s0.4-2.7,1.2-3.6s2-1.4,3.5-1.4s2.7,0.5,3.5,1.4
s1.2,2.2,1.2,3.6C164.3,31.3,163.9,32.5,163.1,33.5z M171.9,70.7h-1.3l-2.6-3.9h-2.4v3.9h-1.2v-9.8h3.9c1,0,1.7,0.3,2.3,0.8
c0.5,0.5,0.8,1.3,0.8,2.1c0,0.7-0.2,1.3-0.6,1.8s-0.9,0.8-1.6,1l2.6,3.9L171.9,70.7L171.9,70.7z M169.9,34.9
c-1.5,0-2.7-0.5-3.5-1.4s-1.2-2.1-1.2-3.6s0.4-2.7,1.2-3.6s2-1.4,3.5-1.4s2.7,0.5,3.5,1.4s1.2,2.2,1.2,3.6c0,1.5-0.4,2.7-1.2,3.6
S171.5,34.9,169.9,34.9z M173.6,42.9h1.2v9.8h-1.2V42.9z M174.9,70.7h-1.2v-9.8h1.2V70.7z M183.9,62.1h-5.1v3.1h4.7v1.1h-4.7v3.4
h5.1v1.1h-6.3v-9.8h6.3V62.1z M183.3,52.1c-0.7,0.5-1.6,0.8-2.7,0.8c-1.2,0-2.1-0.3-2.7-0.8c-0.6-0.5-1-1.3-1-2.2h1.2
c0,0.6,0.3,1.1,0.7,1.4c0.4,0.4,1,0.5,1.8,0.5c1.6,0,2.4-0.6,2.4-1.7c0-0.4-0.2-0.8-0.4-1.1c-0.3-0.2-0.7-0.4-1.3-0.5l-1.4-0.3
c-0.9-0.2-1.5-0.5-1.9-0.9c-0.4-0.4-0.7-1-0.7-1.7c0-0.8,0.3-1.5,0.9-2c0.6-0.5,1.4-0.7,2.5-0.7c1,0,1.9,0.3,2.5,0.8
c0.6,0.5,1,1.2,1,2.1h-1.2c0-0.5-0.2-1-0.6-1.3s-0.9-0.5-1.7-0.5c-1.4,0-2.1,0.5-2.1,1.6c0,0.7,0.6,1.2,1.7,1.5l1.3,0.3
c1.9,0.4,2.8,1.3,2.8,2.8C184.3,50.9,184,51.6,183.3,52.1z M184.4,34.7h-2.6l-3.5-4.1v4.1h-2.2v-9.8h2.2v3.7l3.4-3.7h2.6v0.1
l-4.2,4.6l4.4,5L184.4,34.7L184.4,34.7z M191.6,70.1c-0.7,0.5-1.6,0.8-2.7,0.8c-1.2,0-2.1-0.3-2.7-0.8c-0.6-0.5-1-1.3-1-2.2h1.2
c0,0.6,0.3,1.1,0.7,1.4c0.4,0.4,1,0.5,1.8,0.5c1.6,0,2.4-0.6,2.4-1.7c0-0.4-0.2-0.8-0.4-1.1c-0.3-0.2-0.7-0.4-1.3-0.5l-1.4-0.3
c-0.9-0.2-1.5-0.5-1.9-0.9c-0.4-0.4-0.7-1-0.7-1.7c0-0.8,0.3-1.5,0.9-2c0.6-0.5,1.4-0.7,2.5-0.7c1,0,1.9,0.3,2.5,0.8
c0.6,0.5,1,1.2,1,2.1h-1.2c0-0.5-0.2-1-0.6-1.3s-0.9-0.5-1.7-0.5c-1.4,0-2.1,0.5-2.1,1.6c0,0.7,0.6,1.2,1.7,1.5l1.3,0.3
c1.9,0.4,2.8,1.3,2.8,2.8C192.6,68.9,192.2,69.6,191.6,70.1z M193.4,51.5c-0.7,0.9-1.8,1.4-3.2,1.4c-1.4,0-2.5-0.5-3.2-1.4
c-0.7-0.9-1.1-2.1-1.1-3.6c0-1.5,0.4-2.7,1.1-3.6c0.7-0.9,1.8-1.4,3.2-1.4c1.4,0,2.5,0.5,3.2,1.4c0.7,0.9,1.1,2.1,1.1,3.6
C194.5,49.3,194.2,50.5,193.4,51.5z M191.7,28.4L191.7,28.4l-0.1,6.4h-2.2v-9.8h2.6l3.6,6.4h0.1v-6.4h2.2v9.8h-2.6L191.7,28.4z
M196.7,42.9h3.2c1.4,0,2.5,0.4,3.2,1.3c0.8,0.9,1.1,2.1,1.1,3.6c0,1.4-0.4,2.6-1.1,3.5c-0.8,0.9-1.8,1.4-3.2,1.4h-3.2V42.9z
M206.7,70.7h-1.3l-0.9-2.6h-4.3l-0.9,2.6H198v-0.1l3.6-9.7h1.5l3.6,9.7V70.7z M214.7,70c-0.6,0.5-1.3,0.8-2.3,0.8h-4v-9.8h3.9
c0.8,0,1.5,0.2,2.1,0.7c0.5,0.5,0.8,1.1,0.8,1.9c0,1-0.4,1.6-1.2,2v0.1c1.1,0.4,1.6,1.2,1.6,2.4C215.6,68.8,215.3,69.5,214.7,70z
M218.6,67.3c0.1,0.4,0.3,0.9,0.5,1.2c0.2,0.4,0.6,0.7,1,0.9s0.9,0.3,1.4,0.3c1.5,0,2.4-0.7,2.7-2.2h1.2c-0.1,1-0.5,1.8-1.2,2.4
c-0.7,0.6-1.6,0.9-2.7,0.9c-1.4,0-2.5-0.4-3.2-1.4c-0.8-0.9-1.1-2.1-1.1-3.7c0-1.5,0.4-2.8,1.1-3.7c0.8-0.9,1.8-1.4,3.2-1.4
c1.2,0,2.1,0.3,2.8,0.9c0.7,0.6,1.1,1.4,1.2,2.5h-1.3c-0.1-0.7-0.3-1.2-0.8-1.7c-0.4-0.4-1.1-0.6-1.9-0.6c-0.5,0-1,0.1-1.4,0.3
s-0.7,0.5-1,0.9s-0.4,0.8-0.5,1.2c-0.1,0.4-0.2,0.9-0.2,1.5S218.4,66.9,218.6,67.3z"/>
<rect x="524.59" y="90.351" class="usecase-tablet-1a-st4" width="11.513" height="11.513"/>
<rect x="513" y="107.697" class="usecase-tablet-1a-st4" width="5.757" height="5.757"/>
</g>
</g>
<g>
<g>
<rect x="5" y="131" class="usecase-tablet-1a-st0" width="90" height="157.8"/>
<polyline class="usecase-tablet-1a-st0" points="95,297.5 95,306.3 5,306.3 5,297.5 "/>
<polyline class="usecase-tablet-1a-st0" points="5,122.2 5,113.5 95,113.5 95,122.2 "/>
<circle class="usecase-tablet-1a-st0" cx="50" cy="297.5" r="4.4"/>
<g>
<circle class="usecase-tablet-1a-st0" cx="39" cy="122.2" r="2.2"/>
<line class="usecase-tablet-1a-st0" x1="45.6" y1="122.2" x2="63.1" y2="122.2"/>
</g>
</g>
</g>
<g>
<g>
<rect x="5" y="15.4" class="usecase-tablet-1a-st0" width="90" height="65"/>
<g>
<path class="usecase-tablet-1a-st4" d="M14.7,34c-0.6-0.5-1-1.3-1-2.2h1.2c0,0.6,0.3,1.1,0.7,1.4c0.4,0.4,1,0.5,1.8,0.5c1.6,0,2.4-0.6,2.4-1.7
c0-0.4-0.2-0.8-0.4-1.1c-0.3-0.2-0.7-0.4-1.3-0.5l-1.4-0.3c-0.9-0.2-1.5-0.5-1.9-0.9c-0.4-0.4-0.7-1-0.7-1.7c0-0.8,0.3-1.5,0.9-2
c0.6-0.5,1.4-0.7,2.5-0.7c1,0,1.9,0.3,2.5,0.8c0.6,0.5,1,1.2,1,2.1h-1.2c0-0.5-0.2-1-0.6-1.3s-0.9-0.5-1.7-0.5
c-1.4,0-2.1,0.5-2.1,1.6c0,0.7,0.6,1.2,1.7,1.5l1.3,0.3c1.9,0.4,2.8,1.3,2.8,2.8c0,0.9-0.3,1.6-1,2.1c-0.7,0.5-1.6,0.8-2.7,0.8
C16.2,34.9,15.3,34.6,14.7,34z"/>
<path class="usecase-tablet-1a-st4" d="M23.7,34c-0.6-0.5-1-1.3-1-2.2h1.2c0,0.6,0.3,1.1,0.7,1.4c0.4,0.4,1,0.5,1.8,0.5c1.6,0,2.4-0.6,2.4-1.7
c0-0.4-0.2-0.8-0.4-1.1c-0.3-0.2-0.7-0.4-1.3-0.5l-1.4-0.3c-0.9-0.2-1.5-0.5-1.9-0.9c-0.4-0.4-0.7-1-0.7-1.7c0-0.8,0.3-1.5,0.9-2
c0.6-0.5,1.4-0.7,2.5-0.7c1,0,1.9,0.3,2.5,0.8c0.6,0.5,1,1.2,1,2.1h-1.2c0-0.5-0.2-1-0.6-1.3s-0.9-0.5-1.7-0.5
c-1.4,0-2.1,0.5-2.1,1.6c0,0.7,0.6,1.2,1.7,1.5l1.3,0.3c1.9,0.4,2.8,1.3,2.8,2.8c0,0.9-0.3,1.6-1,2.1c-0.7,0.5-1.6,0.8-2.7,0.8
C25.2,34.9,24.3,34.6,23.7,34z"/>
<path class="usecase-tablet-1a-st4" d="M33.4,24.9v9.8h-1.2v-9.8C32.2,24.9,33.4,24.9,33.4,24.9z"/>
<path class="usecase-tablet-1a-st4" d="M39.3,24.9c1.4,0,2.5,0.4,3.2,1.3c0.8,0.9,1.1,2.1,1.1,3.6c0,1.4-0.4,2.6-1.1,3.5c-0.8,0.9-1.8,1.4-3.2,1.4
H36v-9.8L39.3,24.9L39.3,24.9z M39.2,33.6c1.1,0,1.9-0.4,2.4-1.1c0.5-0.7,0.8-1.6,0.8-2.7c0-1.1-0.3-2-0.8-2.7
c-0.5-0.7-1.4-1.1-2.4-1.1h-1.9v7.6H39.2z"/>
<path class="usecase-tablet-1a-st4" d="M15.7,49.4c0-0.5,0.1-1,0.3-1.3s0.5-0.7,1-1l0.4-0.4c0.3-0.2,0.4-0.4,0.6-0.6c0.1-0.2,0.2-0.4,0.2-0.6
c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-1-0.3c-0.9,0-1.4,0.5-1.4,1.4h-1.9c0-0.9,0.3-1.6,0.9-2.2c0.6-0.6,1.4-0.8,2.4-0.8
c1,0,1.8,0.3,2.4,0.7c0.6,0.5,0.9,1.1,0.9,1.9c0,0.9-0.4,1.6-1.1,2.1l-0.6,0.5c-0.4,0.3-0.6,0.5-0.7,0.7
c-0.1,0.2-0.2,0.4-0.2,0.7v0.2h-1.8L15.7,49.4L15.7,49.4z M17.6,50.7v2h-2.1v-2H17.6z"/>
<path class="usecase-tablet-1a-st4" d="M29.3,52.7h-2.1l-0.7-2.1h-3.8L22,52.7h-2v-0.1l3.4-9.7h2.4l3.4,9.7V52.7z M24.6,44.9L24.6,44.9L23.2,49h2.7
L24.6,44.9z"/>
<path class="usecase-tablet-1a-st4" d="M34.9,42.9c0.9,0,1.6,0.2,2.1,0.7c0.5,0.5,0.8,1.1,0.8,1.9c0,0.9-0.3,1.6-1,2v0.1c0.9,0.4,1.4,1.2,1.4,2.4
c0,0.9-0.3,1.6-0.8,2.1c-0.6,0.5-1.3,0.8-2.3,0.8h-4.6v-9.8C30.5,42.9,34.9,42.9,34.9,42.9z M34.6,46.9c0.4,0,0.7-0.1,1-0.3
c0.2-0.2,0.3-0.5,0.3-0.8c0-0.7-0.4-1.1-1.2-1.1h-2.3v2.2C32.4,46.9,34.6,46.9,34.6,46.9z M34.8,51c0.5,0,0.9-0.1,1.1-0.4
c0.2-0.2,0.4-0.5,0.4-0.9c0-0.4-0.1-0.7-0.4-0.9s-0.6-0.3-1.1-0.3h-2.4V51L34.8,51L34.8,51z"/>
<path class="usecase-tablet-1a-st4" d="M40.4,51.5c-0.8-0.9-1.2-2.1-1.2-3.6c0-1.5,0.4-2.7,1.2-3.6s1.9-1.4,3.4-1.4c1.2,0,2.2,0.4,3,1.1
s1.2,1.6,1.3,2.6h-2c-0.1-0.6-0.3-1-0.6-1.4c-0.4-0.4-0.9-0.5-1.6-0.5c-0.9,0-1.5,0.3-2,0.9c-0.4,0.6-0.7,1.4-0.7,2.4
s0.2,1.8,0.7,2.4c0.4,0.6,1.1,0.9,2,0.9c0.7,0,1.2-0.2,1.6-0.5c0.4-0.3,0.6-0.8,0.7-1.3h1.9c-0.1,1-0.5,1.9-1.3,2.6
c-0.8,0.7-1.7,1-2.9,1C42.4,52.9,41.2,52.4,40.4,51.5z"/>
<path class="usecase-tablet-1a-st4" d="M53.8,47.8v1.7h-4.3v-1.7H53.8z"/>
<path class="usecase-tablet-1a-st4" d="M62.7,42.9v1.7h-4.9v2.2h4.4v1.7h-4.4V51h4.9v1.7h-6.8v-9.8H62.7z"/>
<path class="usecase-tablet-1a-st4" d="M64.8,51.5c-0.6-0.9-0.9-2.1-0.9-3.7c0-1.5,0.3-2.8,0.9-3.7c0.6-0.9,1.5-1.4,2.8-1.4s2.2,0.4,2.8,1.4
c0.6,0.9,0.9,2.1,0.9,3.7c0,1.6-0.3,2.8-0.9,3.7c-0.6,0.9-1.5,1.4-2.8,1.4S65.4,52.4,64.8,51.5z M69,50.4
c0.3-0.6,0.4-1.4,0.4-2.5c0-1.1-0.1-2-0.4-2.5c-0.3-0.6-0.7-0.8-1.4-0.8s-1.1,0.3-1.4,0.8c-0.3,0.6-0.4,1.4-0.4,2.5
c0,1.1,0.1,2,0.4,2.5c0.3,0.6,0.7,0.9,1.4,0.9S68.7,50.9,69,50.4z"/>
<path class="usecase-tablet-1a-st4" d="M74.8,44.9l-2.3,1.7h-0.1v-1.8l2.4-1.8h1.9v9.8h-1.9L74.8,44.9L74.8,44.9L74.8,44.9z"/>
</g>
</g>
<g>
<path class="usecase-tablet-1a-st0" d="M45.1,104.9c2.7-2.7,7.1-2.7,9.9,0"/>
<path class="usecase-tablet-1a-st0" d="M40.1,100c5.5-5.4,14.3-5.4,19.7,0"/>
<path class="usecase-tablet-1a-st0" d="M35.2,95c8.2-8.2,21.4-8.2,29.6,0"/>
<rect x="124.59" y="90.351" class="usecase-tablet-1a-st4" width="11.513" height="11.513"/>
<rect x="116" y="107.697" class="usecase-tablet-1a-st4" width="5.757" height="5.757"/>
</g>
</g>
</svg>
</div>
</div>
<div class="usecase__container usecase__container--desktop">
<div class="usecase__desktop usecase__desktop--left">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 430.8 480" style="enable-background:new 0 0 430.8 480;" xml:space="preserve">
<style type="text/css">
.usecase-desktop-1a-st0{fill:none;stroke:#2E343A;stroke-miterlimit:10;}
.usecase-desktop-1a-st1{fill:#2E343A;stroke:#2E343A;stroke-linejoin:round;stroke-miterlimit:10;}
.usecase-desktop-1a-st2{fill:#2E343A;stroke:#2E343A;stroke-linejoin:bevel;stroke-miterlimit:10;}
.usecase-desktop-1a-st3{fill:#2E343A;stroke:#2E343A;stroke-miterlimit:10;}
.usecase-desktop-1a-st4{fill:#2E343A;}
</style>
<g>
<g>
<g data-usecase-step="1">
<polyline class="usecase-desktop-1a-st0" points="167.5,339.3 167.5,212.9 133.8,212.9 133.8,193.2 118.1,193.2 118.1,212.9 76.5,212.9 76.5,291.9
86.5,291.9 86.5,471.5 94.4,471.5 117,321.5 "/>
<polyline class="usecase-desktop-1a-st0" points="127,321.5 149.6,471.5 157.5,471.5 157.5,339.3 "/>
<rect x="118.1" y="171.5" class="usecase-desktop-1a-st0" width="19.7" height="21.7"/>
<polyline class="usecase-desktop-1a-st0" points="110.2,274.1 110.2,254.4 125.9,254.4 125.9,274.1 "/>
<polygon class="usecase-desktop-1a-st1" points="133.8,201.1 118.1,193.2 133.8,193.2 "/>
<polygon class="usecase-desktop-1a-st2" points="86.5,299.8 86.5,291.9 125.9,291.9 "/>
<line class="usecase-desktop-1a-st0" x1="157.5" y1="339.3" x2="157.5" y2="274.1"/>
<polyline class="usecase-desktop-1a-st0" points="86.5,291.9 125.9,291.9 125.9,274.1 86.5,274.1 "/>
<circle class="usecase-desktop-1a-st3" cx="118.1" cy="260.3" r="1"/>
<line class="usecase-desktop-1a-st0" x1="242" y1="471.5" x2="2" y2="471.5"/>
</g>
<g data-usecase-step="1">
<path class="usecase-desktop-1a-st4" d="M82.5,82.7c0-0.7-0.2-1.3-0.6-1.7c-0.4-0.4-1-0.6-1.8-0.6h-3.3v4.7H80c0.8,0,1.4-0.2,1.8-0.6
C82.3,84,82.5,83.5,82.5,82.7z"/>
<polygon class="usecase-desktop-1a-st4" points="123.7,80.6 121.5,86.8 126,86.8 123.8,80.6 "/>
<path class="usecase-desktop-1a-st4" d="M79.3,55.3h-2.4v9.7h2.4c1.4,0,2.4-0.5,3.1-1.4c0.7-0.9,1-2.1,1-3.5c0-1.4-0.3-2.6-1-3.5
S80.7,55.3,79.3,55.3z"/>
<path class="usecase-desktop-1a-st4" d="M28.7,80.2c-0.7,0-1.4,0.1-1.9,0.4c-0.5,0.3-1,0.6-1.2,1.1s-0.5,1-0.6,1.6c-0.1,0.6-0.2,1.2-0.2,1.9
c0,1.4,0.3,2.6,1,3.6c0.6,1,1.6,1.4,3,1.4s2.4-0.5,3-1.4c0.6-1,0.9-2.1,0.9-3.6c0-1.4-0.3-2.6-0.9-3.6
C31.1,80.7,30,80.2,28.7,80.2z"/>
<path class="usecase-desktop-1a-st4" d="M70,63.8c0.6-1,0.9-2.1,0.9-3.6s-0.3-2.6-0.9-3.6c-0.6-1-1.6-1.4-3-1.4c-0.7,0-1.4,0.1-1.9,0.4
c-0.5,0.3-1,0.6-1.2,1.1s-0.5,1-0.6,1.6c-0.1,0.6-0.2,1.2-0.2,1.9c0,1.4,0.3,2.6,1,3.6c0.6,1,1.6,1.4,3,1.4S69.3,64.7,70,63.8z"
/>
<polygon class="usecase-desktop-1a-st4" points="51.8,31.7 50.3,36.6 53.4,36.6 51.9,31.7 "/>
<path class="usecase-desktop-1a-st4" d="M41.6,57.9c0-0.8-0.2-1.4-0.7-1.9s-1.2-0.7-2-0.7H36v5.2h2.9c0.9,0,1.5-0.2,2-0.7
C41.4,59.4,41.6,58.7,41.6,57.9z"/>
<path class="usecase-desktop-1a-st4" d="M2,8.5v103h240V8.5H2z M103.4,56.3l3.1-2.4h1.5v12.6h-1.5V55.6h-0.1l-2.9,2.3h-0.2L103.4,56.3L103.4,56.3z
M87.8,53.9h8.1v1.4h-6.5v3.9h6v1.4h-6v4.4h6.5v1.4h-8.1V53.9z M70.9,28.9h9v2.5h-6.2v2.3h5.6v2.5h-5.6V39h6.2v2.5h-9
C70.9,41.5,70.9,28.9,70.9,28.9z M57.3,28.9h3.2l2.9,9.2h0.1l2.9-9.2h3.3v0.2l-4.4,12.4h-3.4l-4.5-12.4
C57.3,29.1,57.3,28.9,57.3,28.9z M33.8,28.9h2.8v4.8h5.1v-4.8h2.8v12.6h-2.8v-5.2h-5.1v5.2h-2.8L33.8,28.9L33.8,28.9z M23.8,28.9
h1.6v12.6h-1.6V28.9z M23.8,53.9h8.1v1.4h-6.5v3.9h6v1.4h-6v4.4h6.5v1.4h-8.1C23.8,66.5,23.8,53.9,23.8,53.9z M32.8,89.9
c-0.9,1.2-2.3,1.8-4.2,1.8s-3.2-0.6-4.2-1.8c-0.9-1.2-1.4-2.7-1.4-4.7s0.5-3.5,1.4-4.7c0.9-1.2,2.3-1.8,4.2-1.8s3.2,0.6,4.2,1.8
c0.9,1.2,1.4,2.8,1.4,4.7C34.2,87.1,33.8,88.7,32.8,89.9z M36,66.5h-1.6V53.9h4.6c1.3,0,2.3,0.4,3,1.1c0.7,0.7,1.1,1.7,1.1,2.9
c0,1.2-0.4,2.2-1.1,2.9c-0.8,0.7-1.8,1.1-3,1.1H36V66.5z M44.9,80.3h-6.3v4.2h5.7V86h-5.7v5.5H37V78.9h7.9
C44.9,78.9,44.9,80.3,44.9,80.3z M47.3,66.5h-1.6V53.9h1.6V66.5z M48.8,41.5h-3v-0.2l4.3-12.4h3.6l4.3,12.4v0.2h-3.1l-0.7-2.4
h-4.7L48.8,41.5z M49.9,62.7h1.6c0.1,0.8,0.3,1.4,0.9,1.9c0.5,0.4,1.3,0.7,2.3,0.7c2.1,0,3.1-0.7,3.1-2.2c0-0.6-0.2-1-0.6-1.4
c-0.4-0.3-0.9-0.5-1.7-0.7l-1.8-0.4c-1.1-0.2-1.9-0.6-2.5-1.2c-0.6-0.5-0.8-1.3-0.8-2.2c0-1.1,0.4-1.9,1.2-2.5
c0.8-0.6,1.8-0.9,3.2-0.9c1.4,0,2.4,0.3,3.2,1c0.8,0.7,1.2,1.6,1.2,2.7h-1.6c0-0.7-0.3-1.3-0.8-1.7c-0.5-0.4-1.2-0.6-2.1-0.6
c-1.8,0-2.7,0.7-2.7,2c0,0.9,0.7,1.6,2.1,1.9l1.7,0.4c2.4,0.5,3.6,1.7,3.6,3.6c0,1.1-0.4,2-1.3,2.6c-0.8,0.6-2,1-3.5,1
c-1.5,0-2.7-0.4-3.5-1.1C50.4,64.9,49.9,63.9,49.9,62.7z M60.5,90.7c-0.8,0.6-2,1-3.5,1c-1.5,0-2.7-0.4-3.5-1.1
c-0.8-0.7-1.3-1.7-1.3-2.9h1.6c0.1,0.8,0.3,1.4,0.9,1.9c0.5,0.4,1.3,0.7,2.3,0.7c2.1,0,3.1-0.7,3.1-2.2c0-0.6-0.2-1-0.6-1.4
c-0.4-0.3-0.9-0.5-1.7-0.7l-1.8-0.4c-1.1-0.2-1.9-0.6-2.5-1.2c-0.6-0.5-0.8-1.3-0.8-2.2c0-1.1,0.4-1.9,1.2-2.5
c0.8-0.6,1.8-0.9,3.2-0.9c1.4,0,2.4,0.3,3.2,1c0.8,0.7,1.2,1.6,1.2,2.7H60c0-0.7-0.3-1.3-0.8-1.7c-0.5-0.4-1.2-0.6-2.1-0.6
c-1.8,0-2.7,0.7-2.7,2c0,0.9,0.7,1.6,2.1,1.9l1.7,0.4c2.4,0.5,3.6,1.7,3.6,3.6C61.8,89.2,61.4,90.1,60.5,90.7z M62.8,64.9
c-0.9-1.2-1.4-2.7-1.4-4.7c0-1.9,0.5-3.5,1.4-4.7c0.9-1.2,2.3-1.8,4.2-1.8s3.2,0.6,4.2,1.8c0.9,1.2,1.4,2.8,1.4,4.7
c0,1.9-0.5,3.5-1.4,4.7c-0.9,1.2-2.3,1.8-4.2,1.8S63.7,66.1,62.8,64.9z M72.6,80.3h-6.5v3.9h6v1.4h-6v4.4h6.5v1.4h-8.1V78.9h8.1
V80.3z M84.8,91.5h-1.7l-3.3-5h-3.1v5h-1.6V78.9h5c1.2,0,2.2,0.4,2.9,1.1c0.7,0.7,1.1,1.6,1.1,2.7c0,0.9-0.2,1.7-0.7,2.3
s-1.2,1.1-2,1.3l3.4,5C84.8,91.3,84.8,91.5,84.8,91.5z M83.7,64.7c-1,1.2-2.4,1.8-4.2,1.8h-4.2V53.9h4.2c1.8,0,3.2,0.6,4.1,1.7
s1.5,2.7,1.5,4.6C85.1,62.1,84.6,63.6,83.7,64.7z M88.6,91.5H87V78.9h1.6V91.5z M100.1,80.3h-6.5v3.9h6v1.4h-6v4.4h6.5v1.4H92
V78.9h8.1V80.3z M110,90.7c-0.8,0.6-2,1-3.5,1c-1.5,0-2.7-0.4-3.5-1.1c-0.8-0.7-1.3-1.7-1.3-2.9h1.6c0.1,0.8,0.3,1.4,0.9,1.9
c0.5,0.4,1.3,0.7,2.3,0.7c2.1,0,3.1-0.7,3.1-2.2c0-0.6-0.2-1-0.6-1.4c-0.4-0.3-0.9-0.5-1.7-0.7l-1.8-0.4
c-1.1-0.2-1.9-0.6-2.5-1.2c-0.6-0.5-0.8-1.3-0.8-2.2c0-1.1,0.4-1.9,1.2-2.5c0.8-0.6,1.8-0.9,3.2-0.9c1.4,0,2.4,0.3,3.2,1
c0.8,0.7,1.2,1.6,1.2,2.7h-1.6c0-0.7-0.3-1.3-0.8-1.7c-0.5-0.4-1.2-0.6-2.1-0.6c-1.8,0-2.7,0.7-2.7,2c0,0.9,0.7,1.6,2.1,1.9
l1.7,0.4c2.4,0.5,3.6,1.7,3.6,3.6C111.3,89.2,110.9,90.1,110,90.7z M129.4,91.5h-1.7l-1.2-3.3H121l-1.2,3.3h-1.6v-0.2l4.6-12.4
h1.9l4.6,12.4L129.4,91.5L129.4,91.5z M139.7,90.5c-0.7,0.6-1.7,1-3,1h-5.2V78.9h5.1c1.1,0,2,0.3,2.6,0.9c0.7,0.6,1,1.4,1,2.4
c0,1.2-0.5,2.1-1.6,2.6v0.1c1.4,0.6,2.1,1.6,2.1,3C140.8,89,140.4,89.9,139.7,90.5z M144.6,87.1c0.1,0.6,0.3,1.1,0.6,1.6
s0.7,0.9,1.2,1.1c0.5,0.3,1.1,0.4,1.8,0.4c2,0,3.1-0.9,3.4-2.8h1.6c-0.2,1.3-0.7,2.4-1.5,3.1c-0.8,0.8-2,1.1-3.5,1.1
c-1.8,0-3.1-0.6-4.1-1.7c-1-1.2-1.5-2.7-1.5-4.7c0-2,0.5-3.6,1.5-4.7c1-1.2,2.3-1.7,4.1-1.7c1.5,0,2.7,0.4,3.5,1.2
c0.9,0.8,1.4,1.9,1.5,3.2h-1.6c-0.1-0.9-0.4-1.6-1-2.1c-0.6-0.5-1.4-0.8-2.4-0.8c-0.7,0-1.3,0.1-1.8,0.4
c-0.5,0.3-0.9,0.6-1.2,1.1c-0.3,0.5-0.5,1-0.6,1.6c-0.1,0.6-0.2,1.2-0.2,1.9C144.4,85.9,144.5,86.5,144.6,87.1z"/>
<path class="usecase-desktop-1a-st4" d="M138.1,83.8c0.4-0.3,0.6-0.9,0.6-1.6c0-0.6-0.2-1.1-0.6-1.4c-0.4-0.3-1-0.5-1.7-0.5h-3.3v4h3.1
C137,84.3,137.6,84.1,138.1,83.8z"/>
<path class="usecase-desktop-1a-st4" d="M136.6,85.7h-3.5v4.4h3.5c0.8,0,1.4-0.2,1.9-0.6c0.5-0.4,0.7-0.9,0.7-1.6c0-0.7-0.2-1.3-0.7-1.6
S137.4,85.7,136.6,85.7z"/>
<!-- <rect x="22" y="131.6" class="usecase-desktop-1a-st4" width="19.7" height="19.7"/> -->
<!-- <rect x="51.7" y="161.4" class="usecase-desktop-1a-st4" width="9.9" height="9.9"/> -->
</g>
<g data-usecase-step="2">
<rect x="202.395" y="131.632" class="usecase-desktop-1a-st4" width="19.737" height="19.737"/>
<rect x="232.132" y="161.368" class="usecase-desktop-1a-st4" width="9.868" height="9.868"/>
</g>
</g>
</g>
<g data-usecase-step="2">
<g>
<g>
<rect x="282" y="198.8" class="usecase-desktop-1a-st0" width="140" height="245.5"/>
<polyline class="usecase-desktop-1a-st0" points="422,457.9 422,471.5 282,471.5 282,457.9 "/>
<polyline class="usecase-desktop-1a-st0" points="282,185.1 282,171.5 422,171.5 422,185.1 "/>
<circle class="usecase-desktop-1a-st0" cx="352" cy="457.9" r="6.8"/>
<g>
<circle class="usecase-desktop-1a-st0" cx="335" cy="185.1" r="3.4"/>
<line class="usecase-desktop-1a-st0" x1="345.2" y1="185.1" x2="372.5" y2="185.1"/>
</g>
</g>
<g>
<polygon class="usecase-desktop-1a-st0" points="401.8,255.1 401.8,387.9 302.2,387.9 302.2,285.1 332.2,255.1 "/>
<polygon class="usecase-desktop-1a-st3" points="367,321.5 341,306.5 341,336.5 "/>
<polyline class="usecase-desktop-1a-st0" points="332.2,265.1 332.2,285.1 312.2,285.1 "/>
</g>
</g>
</g>
<g data-usecase-step="3">
<g>
<rect x="282" y="8.5" class="usecase-desktop-1a-st0" width="140" height="103"/>
<g>
<path class="usecase-desktop-1a-st0" d="M344.9,153c3.9-3.9,10.2-3.9,14.1,0"/>
<path class="usecase-desktop-1a-st0" d="M337.9,145.9c7.8-7.8,20.5-7.8,28.3,0"/>
<path class="usecase-desktop-1a-st0" d="M330.8,138.8c11.7-11.7,30.7-11.7,42.4,0"/>
</g>
<g>
<path class="usecase-desktop-1a-st4" d="M304.2,40.6c-0.8-0.7-1.3-1.7-1.3-2.9h1.6c0.1,0.8,0.3,1.4,0.9,1.9c0.5,0.5,1.3,0.7,2.3,0.7
c2.1,0,3.1-0.7,3.1-2.2c0-0.6-0.2-1-0.6-1.4c-0.4-0.3-0.9-0.5-1.7-0.7l-1.8-0.4c-1.1-0.2-1.9-0.6-2.5-1.2
c-0.6-0.5-0.8-1.3-0.8-2.2c0-1.1,0.4-1.9,1.2-2.5c0.8-0.6,1.8-0.9,3.2-0.9c1.4,0,2.4,0.3,3.2,1c0.8,0.7,1.2,1.6,1.2,2.7h-1.6
c0-0.7-0.3-1.3-0.8-1.7c-0.5-0.4-1.2-0.6-2.1-0.6c-1.8,0-2.7,0.7-2.7,2c0,0.9,0.7,1.6,2.1,1.9l1.7,0.4c2.4,0.5,3.6,1.7,3.6,3.6
c0,1.1-0.4,2-1.3,2.6c-0.8,0.6-2,1-3.5,1C306.2,41.7,305,41.3,304.2,40.6z"/>
<path class="usecase-desktop-1a-st4" d="M315.7,40.6c-0.8-0.7-1.3-1.7-1.3-2.9h1.6c0.1,0.8,0.3,1.4,0.9,1.9c0.5,0.5,1.3,0.7,2.3,0.7
c2.1,0,3.1-0.7,3.1-2.2c0-0.6-0.2-1-0.6-1.4c-0.4-0.3-0.9-0.5-1.7-0.7l-1.8-0.4c-1.1-0.2-1.9-0.6-2.5-1.2
c-0.6-0.5-0.8-1.3-0.8-2.2c0-1.1,0.4-1.9,1.2-2.5c0.8-0.6,1.8-0.9,3.2-0.9c1.4,0,2.4,0.3,3.2,1c0.8,0.7,1.2,1.6,1.2,2.7H322
c0-0.7-0.3-1.3-0.8-1.7c-0.5-0.4-1.2-0.6-2.1-0.6c-1.8,0-2.7,0.7-2.7,2c0,0.9,0.7,1.6,2.1,1.9l1.7,0.4c2.4,0.5,3.6,1.7,3.6,3.6
c0,1.1-0.4,2-1.3,2.6c-0.8,0.6-2,1-3.5,1C317.6,41.7,316.5,41.3,315.7,40.6z"/>
<path class="usecase-desktop-1a-st4" d="M328.2,28.9v12.6h-1.6V28.9H328.2z"/>
<path class="usecase-desktop-1a-st4" d="M335.7,28.9c1.8,0,3.2,0.6,4.1,1.7s1.5,2.7,1.5,4.6c0,1.9-0.5,3.4-1.4,4.5c-1,1.2-2.4,1.8-4.2,1.8h-4.2V28.9
H335.7z M335.6,40.1c1.4,0,2.4-0.5,3.1-1.4c0.7-0.9,1-2.1,1-3.5c0-1.4-0.3-2.6-1-3.5s-1.7-1.4-3.1-1.4h-2.4v9.7L335.6,40.1
L335.6,40.1z"/>
<path class="usecase-desktop-1a-st4" d="M311.5,61.2h1.4v2.4h-1.8l-0.5,2.9H308l0.5-2.9h-1.6l-0.5,2.9h-2.6l0.5-2.9h-1.5v-2.4h1.9l0.3-1.9h-1.3v-2.4
h1.7l0.5-3h2.6l-0.5,3h1.6l0.5-3h2.6l-0.5,3h1.6v2.4h-2L311.5,61.2z M307.7,59.3l-0.3,1.9h1.6l0.3-1.9H307.7z"/>
<path class="usecase-desktop-1a-st4" d="M326.2,66.5h-3.1l-0.7-2.4h-4.7l-0.7,2.4h-3v-0.2l4.3-12.4h3.6l4.3,12.4L326.2,66.5L326.2,66.5z M320.1,56.7
L320.1,56.7l-1.6,4.9h3.1L320.1,56.7z"/>
<path class="usecase-desktop-1a-st4" d="M333.5,53.9c1.1,0,2.1,0.3,2.8,0.9c0.7,0.6,1,1.4,1,2.4c0,1.1-0.4,2-1.2,2.6v0.1c1.1,0.5,1.7,1.5,1.7,3
c0,1.1-0.4,2-1.1,2.7c-0.7,0.6-1.7,1-3,1h-6.3V53.9H333.5z M333.1,58.8c0.9,0,1.3-0.4,1.3-1.2s-0.5-1.2-1.3-1.2h-2.8v2.4
L333.1,58.8L333.1,58.8z M333.3,64c1.1,0,1.6-0.5,1.6-1.4c0-0.4-0.1-0.7-0.4-1s-0.7-0.4-1.2-0.4h-3V64L333.3,64L333.3,64z"/>
<path class="usecase-desktop-1a-st4" d="M340.3,64.8c-1.1-1.2-1.6-2.8-1.6-4.6c0-1.9,0.5-3.5,1.6-4.7c1.1-1.2,2.6-1.8,4.5-1.8c1.6,0,2.9,0.5,3.9,1.4
c1,1,1.6,2.1,1.7,3.5h-2.9c-0.1-0.7-0.3-1.2-0.8-1.7s-1.1-0.7-1.9-0.7c-1,0-1.8,0.3-2.4,1c-0.6,0.7-0.8,1.6-0.8,2.9
c0,1.3,0.3,2.2,0.8,2.9c0.6,0.7,1.4,1,2.4,1c0.8,0,1.4-0.2,1.9-0.6s0.7-1,0.8-1.6h2.9c-0.1,1.4-0.7,2.5-1.7,3.4
c-1,0.9-2.3,1.4-3.9,1.4C342.9,66.7,341.4,66.1,340.3,64.8z"/>
<path class="usecase-desktop-1a-st4" d="M357.8,60v2.5h-5.5V60H357.8z"/>
<path class="usecase-desktop-1a-st4" d="M369.2,53.9v2.5h-6.2v2.3h5.6v2.5h-5.6V64h6.2v2.5h-9V53.9H369.2z"/>
<path class="usecase-desktop-1a-st4" d="M371.8,64.9c-0.8-1.2-1.2-2.8-1.2-4.7c0-2,0.4-3.5,1.2-4.7c0.8-1.2,2.1-1.8,3.7-1.8c1.7,0,2.9,0.6,3.7,1.8
c0.8,1.2,1.2,2.8,1.2,4.7c0,2-0.4,3.6-1.2,4.7c-0.8,1.2-2.1,1.8-3.7,1.8C373.9,66.7,372.6,66.1,371.8,64.9z M377.2,63.2
c0.3-0.6,0.5-1.7,0.5-3.1c0-1.4-0.2-2.4-0.5-3.1s-0.9-1-1.6-1c-0.8,0-1.3,0.3-1.6,1s-0.5,1.7-0.5,3.1c0,1.4,0.2,2.4,0.5,3.1
c0.3,0.6,0.8,1,1.6,1C376.3,64.2,376.8,63.9,377.2,63.2z"/>
<path class="usecase-desktop-1a-st4" d="M384.7,56.7l-2.9,2.2h-0.2v-2.6l3.1-2.3h2.8v12.6h-2.8L384.7,56.7L384.7,56.7z"/>
</g>
</g>
</g>
</svg>
</div>
<div class="usecase__desktop usecase__desktop--center">
<div data-usecase-step="4" class="usecase__arrow usecase__arrow--desktop usecase__arrow--top"></div>
<div data-usecase-step="5" class="usecase__arrow usecase__arrow--desktop usecase__arrow--bottom"></div>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 410 480" style="enable-background:new 0 0 410 480;" xml:space="preserve">
<style type="text/css">
.usecase-desktop-2-st0{fill:#2E343A;}
</style>
<g data-usecase-step="5" class="font-medium">
<g>