-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1348 lines (1331 loc) · 95.3 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="pt-br">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>DoctorCare</title>
<link rel="stylesheet" href="/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<nav id="navigation" class="">
<div class="wrapper">
<a class="logo" href="#home">
<svg
width="133"
height="18"
viewBox="0 0 133 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 17.088V0.287999H5.16C8.12 0.287999 10.296 1.04 11.688 2.544C13.096 4.048 13.8 6.112 13.8 8.736C13.8 11.312 13.096 13.352 11.688 14.856C10.296 16.344 8.12 17.088 5.16 17.088H0ZM2.016 15.408H5.112C6.744 15.408 8.04 15.144 9 14.616C9.976 14.072 10.672 13.304 11.088 12.312C11.504 11.304 11.712 10.112 11.712 8.736C11.712 7.328 11.504 6.12 11.088 5.112C10.672 4.104 9.976 3.328 9 2.784C8.04 2.24 6.744 1.968 5.112 1.968H2.016V15.408Z"
fill="#212529"
/>
<path
d="M22.4949 17.376C21.3749 17.376 20.3669 17.12 19.4709 16.608C18.5749 16.096 17.8629 15.376 17.3349 14.448C16.8229 13.504 16.5669 12.4 16.5669 11.136C16.5669 9.872 16.8309 8.776 17.3589 7.848C17.8869 6.904 18.5989 6.176 19.4949 5.664C20.4069 5.152 21.4229 4.896 22.5429 4.896C23.6629 4.896 24.6709 5.152 25.5669 5.664C26.4629 6.176 27.1669 6.904 27.6789 7.848C28.2069 8.776 28.4709 9.872 28.4709 11.136C28.4709 12.4 28.2069 13.504 27.6789 14.448C27.1509 15.376 26.4309 16.096 25.5189 16.608C24.6229 17.12 23.6149 17.376 22.4949 17.376ZM22.4949 15.648C23.1829 15.648 23.8229 15.48 24.4149 15.144C25.0069 14.808 25.4869 14.304 25.8549 13.632C26.2229 12.96 26.4069 12.128 26.4069 11.136C26.4069 10.144 26.2229 9.312 25.8549 8.64C25.5029 7.968 25.0309 7.464 24.4389 7.128C23.8469 6.792 23.2149 6.624 22.5429 6.624C21.8549 6.624 21.2149 6.792 20.6229 7.128C20.0309 7.464 19.5509 7.968 19.1829 8.64C18.8149 9.312 18.6309 10.144 18.6309 11.136C18.6309 12.128 18.8149 12.96 19.1829 13.632C19.5509 14.304 20.0229 14.808 20.5989 15.144C21.1909 15.48 21.8229 15.648 22.4949 15.648Z"
fill="#212529"
/>
<path
d="M37.2261 17.376C36.0901 17.376 35.0661 17.12 34.1541 16.608C33.2581 16.08 32.5461 15.352 32.0181 14.424C31.5061 13.48 31.2501 12.384 31.2501 11.136C31.2501 9.888 31.5061 8.8 32.0181 7.872C32.5461 6.928 33.2581 6.2 34.1541 5.688C35.0661 5.16 36.0901 4.896 37.2261 4.896C38.6341 4.896 39.8181 5.264 40.7781 6C41.7541 6.736 42.3701 7.72 42.6261 8.952H40.5621C40.4021 8.216 40.0101 7.648 39.3861 7.248C38.7621 6.832 38.0341 6.624 37.2021 6.624C36.5301 6.624 35.8981 6.792 35.3061 7.128C34.7141 7.464 34.2341 7.968 33.8661 8.64C33.4981 9.312 33.3141 10.144 33.3141 11.136C33.3141 12.128 33.4981 12.96 33.8661 13.632C34.2341 14.304 34.7141 14.816 35.3061 15.168C35.8981 15.504 36.5301 15.672 37.2021 15.672C38.0341 15.672 38.7621 15.472 39.3861 15.072C40.0101 14.656 40.4021 14.072 40.5621 13.32H42.6261C42.3861 14.52 41.7781 15.496 40.8021 16.248C39.8261 17 38.6341 17.376 37.2261 17.376Z"
fill="#212529"
/>
<path
d="M50.2974 17.088C49.2094 17.088 48.3534 16.824 47.7294 16.296C47.1054 15.768 46.7934 14.816 46.7934 13.44V6.888H44.7294V5.184H46.7934L47.0574 2.328H48.8094V5.184H52.3134V6.888H48.8094V13.44C48.8094 14.192 48.9614 14.704 49.2654 14.976C49.5694 15.232 50.1054 15.36 50.8734 15.36H52.1214V17.088H50.2974Z"
fill="#212529"
/>
<path
d="M60.4506 17.376C59.3306 17.376 58.3226 17.12 57.4266 16.608C56.5306 16.096 55.8186 15.376 55.2906 14.448C54.7786 13.504 54.5226 12.4 54.5226 11.136C54.5226 9.872 54.7866 8.776 55.3146 7.848C55.8426 6.904 56.5546 6.176 57.4506 5.664C58.3626 5.152 59.3786 4.896 60.4986 4.896C61.6186 4.896 62.6266 5.152 63.5226 5.664C64.4186 6.176 65.1226 6.904 65.6346 7.848C66.1626 8.776 66.4266 9.872 66.4266 11.136C66.4266 12.4 66.1626 13.504 65.6346 14.448C65.1066 15.376 64.3866 16.096 63.4746 16.608C62.5786 17.12 61.5706 17.376 60.4506 17.376ZM60.4506 15.648C61.1386 15.648 61.7786 15.48 62.3706 15.144C62.9626 14.808 63.4426 14.304 63.8106 13.632C64.1786 12.96 64.3626 12.128 64.3626 11.136C64.3626 10.144 64.1786 9.312 63.8106 8.64C63.4586 7.968 62.9866 7.464 62.3946 7.128C61.8026 6.792 61.1706 6.624 60.4986 6.624C59.8106 6.624 59.1706 6.792 58.5786 7.128C57.9866 7.464 57.5066 7.968 57.1386 8.64C56.7706 9.312 56.5866 10.144 56.5866 11.136C56.5866 12.128 56.7706 12.96 57.1386 13.632C57.5066 14.304 57.9786 14.808 58.5546 15.144C59.1466 15.48 59.7786 15.648 60.4506 15.648Z"
fill="#212529"
/>
<path
d="M69.7097 17.088V5.184H71.5337L71.7017 7.464C72.0697 6.68 72.6297 6.056 73.3817 5.592C74.1337 5.128 75.0617 4.896 76.1657 4.896V7.008H75.6137C74.9097 7.008 74.2617 7.136 73.6697 7.392C73.0777 7.632 72.6057 8.048 72.2537 8.64C71.9017 9.232 71.7257 10.048 71.7257 11.088V17.088H69.7097Z"
fill="#212529"
/>
<path
d="M86.4924 17.376C84.7964 17.376 83.3404 17.016 82.1244 16.296C80.9084 15.56 79.9724 14.544 79.3164 13.248C78.6604 11.936 78.3324 10.424 78.3324 8.712C78.3324 7 78.6604 5.488 79.3164 4.176C79.9724 2.864 80.9084 1.84 82.1244 1.104C83.3404 0.368 84.7964 0 86.4924 0C88.5084 0 90.1564 0.504 91.4364 1.512C92.7324 2.504 93.5404 3.904 93.8604 5.712H90.4764C90.2684 4.8 89.8204 4.088 89.1324 3.576C88.4604 3.048 87.5644 2.784 86.4444 2.784C84.8924 2.784 83.6764 3.312 82.7964 4.368C81.9164 5.424 81.4764 6.872 81.4764 8.712C81.4764 10.552 81.9164 12 82.7964 13.056C83.6764 14.096 84.8924 14.616 86.4444 14.616C87.5644 14.616 88.4604 14.376 89.1324 13.896C89.8204 13.4 90.2684 12.72 90.4764 11.856H93.8604C93.5404 13.584 92.7324 14.936 91.4364 15.912C90.1564 16.888 88.5084 17.376 86.4924 17.376Z"
fill="#00856F"
/>
<path
d="M101.092 17.376C100.068 17.376 99.2278 17.216 98.5718 16.896C97.9158 16.56 97.4277 16.12 97.1077 15.576C96.7877 15.032 96.6278 14.432 96.6278 13.776C96.6278 12.672 97.0598 11.776 97.9238 11.088C98.7878 10.4 100.084 10.056 101.812 10.056H104.836V9.768C104.836 8.952 104.604 8.352 104.14 7.968C103.676 7.584 103.1 7.392 102.412 7.392C101.788 7.392 101.244 7.544 100.78 7.848C100.316 8.136 100.028 8.568 99.9157 9.144H96.9157C96.9957 8.28 97.2837 7.528 97.7797 6.888C98.2917 6.248 98.9477 5.76 99.7477 5.424C100.548 5.072 101.444 4.896 102.436 4.896C104.132 4.896 105.468 5.32 106.444 6.168C107.42 7.016 107.908 8.216 107.908 9.768V17.088H105.292L105.004 15.168C104.652 15.808 104.156 16.336 103.516 16.752C102.892 17.168 102.084 17.376 101.092 17.376ZM101.788 14.976C102.668 14.976 103.348 14.688 103.828 14.112C104.324 13.536 104.636 12.824 104.764 11.976H102.148C101.332 11.976 100.748 12.128 100.396 12.432C100.044 12.72 99.8678 13.08 99.8678 13.512C99.8678 13.976 100.044 14.336 100.396 14.592C100.748 14.848 101.212 14.976 101.788 14.976Z"
fill="#00856F"
/>
<path
d="M111.319 17.088V5.184H114.055L114.343 7.416C114.775 6.648 115.359 6.04 116.095 5.592C116.847 5.128 117.727 4.896 118.735 4.896V8.136H117.871C117.199 8.136 116.599 8.24 116.071 8.448C115.543 8.656 115.127 9.016 114.823 9.528C114.535 10.04 114.391 10.752 114.391 11.664V17.088H111.319Z"
fill="#00856F"
/>
<path
d="M126.888 17.376C125.688 17.376 124.624 17.12 123.696 16.608C122.768 16.096 122.04 15.376 121.512 14.448C120.984 13.52 120.72 12.448 120.72 11.232C120.72 10 120.976 8.904 121.488 7.944C122.016 6.984 122.736 6.24 123.648 5.712C124.576 5.168 125.664 4.896 126.912 4.896C128.08 4.896 129.112 5.152 130.008 5.664C130.904 6.176 131.6 6.88 132.096 7.776C132.608 8.656 132.864 9.64 132.864 10.728C132.864 10.904 132.856 11.088 132.84 11.28C132.84 11.472 132.832 11.672 132.816 11.88H123.768C123.832 12.808 124.152 13.536 124.728 14.064C125.32 14.592 126.032 14.856 126.864 14.856C127.488 14.856 128.008 14.72 128.424 14.448C128.856 14.16 129.176 13.792 129.384 13.344H132.504C132.28 14.096 131.904 14.784 131.376 15.408C130.864 16.016 130.224 16.496 129.456 16.848C128.704 17.2 127.848 17.376 126.888 17.376ZM126.912 7.392C126.16 7.392 125.496 7.608 124.92 8.04C124.344 8.456 123.976 9.096 123.816 9.96H129.744C129.696 9.176 129.408 8.552 128.88 8.088C128.352 7.624 127.696 7.392 126.912 7.392Z"
fill="#00856F"
/>
</svg>
</a>
<div class="menu">
<ul>
<li>
<a onclick="closeMenu()" href="#home">Início</a>
</li>
<li>
<a onclick="closeMenu()" href="#services">Serviços</a>
</li>
<li>
<a onclick="closeMenu()" href="#about">Sobre</a>
</li>
<li>
<a onclick="closeMenu()" href="#deposition">Depoimentos</a>
</li>
</ul>
<a class="button" onclick="closeMenu()" href="#contact"
>Agende sua consulta</a
>
<ul class="social-links">
<li>
<a target="_blank" href="https://www.instagram.com/"
><svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17 1.99997H7C4.23858 1.99997 2 4.23855 2 6.99997V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V6.99997C22 4.23855 19.7614 1.99997 17 1.99997Z"
stroke="#FFFAF1"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M15.9997 11.3701C16.1231 12.2023 15.981 13.0523 15.5935 13.7991C15.206 14.5459 14.5929 15.1515 13.8413 15.5297C13.0898 15.908 12.2382 16.0397 11.4075 15.906C10.5768 15.7723 9.80947 15.3801 9.21455 14.7852C8.61962 14.1903 8.22744 13.4229 8.09377 12.5923C7.96011 11.7616 8.09177 10.91 8.47003 10.1584C8.84829 9.40691 9.45389 8.7938 10.2007 8.4063C10.9475 8.0188 11.7975 7.87665 12.6297 8.00006C13.4786 8.12594 14.2646 8.52152 14.8714 9.12836C15.4782 9.73521 15.8738 10.5211 15.9997 11.3701Z"
stroke="#FFFAF1"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M17.5 6.49997H17.51"
stroke="#FFFAF1"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</a>
</li>
<li>
<a target="_blank" href="https://pt-br.facebook.com/"
><svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18 1.99997H15C13.6739 1.99997 12.4021 2.52675 11.4645 3.46444C10.5268 4.40212 10 5.67389 10 6.99997V9.99997H7V14H10V22H14V14H17L18 9.99997H14V6.99997C14 6.73475 14.1054 6.4804 14.2929 6.29286C14.4804 6.10533 14.7348 5.99997 15 5.99997H18V1.99997Z"
stroke="#FFFAF1"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</a>
</li>
<li>
<a target="_blank" href="https://www.youtube.com/"
><svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M22.5396 6.42C22.4208 5.94541 22.1789 5.51057 21.8382 5.15941C21.4976 4.80824 21.0703 4.55318 20.5996 4.42C18.8796 4 11.9996 4 11.9996 4C11.9996 4 5.1196 4 3.3996 4.46C2.92884 4.59318 2.50157 4.84824 2.16094 5.19941C1.82031 5.55057 1.57838 5.98541 1.4596 6.46C1.14481 8.20556 0.990831 9.97631 0.999595 11.75C0.988374 13.537 1.14236 15.3213 1.4596 17.08C1.59055 17.5398 1.8379 17.9581 2.17774 18.2945C2.51758 18.6308 2.93842 18.8738 3.3996 19C5.1196 19.46 11.9996 19.46 11.9996 19.46C11.9996 19.46 18.8796 19.46 20.5996 19C21.0703 18.8668 21.4976 18.6118 21.8382 18.2606C22.1789 17.9094 22.4208 17.4746 22.5396 17C22.852 15.2676 23.0059 13.5103 22.9996 11.75C23.0108 9.96295 22.8568 8.1787 22.5396 6.42Z"
stroke="#FFFAF1"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M9.75 15.02L15.5 11.75L9.75 8.48001V15.02Z"
stroke="#FFFAF1"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</a>
</li>
</ul>
</div>
<button onclick="openMenu()" class="open-menu">
<svg
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 20H30"
stroke="#00856F"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M10 12H30"
stroke="#00856F"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18 28L30 28"
stroke="#00856F"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</button>
<button onclick="closeMenu()" class="close-menu">
<svg
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M30 10L10 30M10 10L30 30"
stroke="#FFFAF1"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</button>
</div>
</nav>
<section id="home">
<div class="wrapper">
<div class="col-a">
<header>
<h4>BOAS-VINDAS A DOCTORCARE 👋</h4>
<h1>Assistência médica simplificada para todos</h1>
</header>
<div class="content">
<p>
Os médicos da DoctorCare vão além dos sintomas para tratar a causa
raiz de sua doença e proporcionar uma cura a longo prazo.
</p>
<a class="button" href="#contact">
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.8337 11.6667C13.667 11.5833 12.5837 11.0833 12.417 11C12.2503 10.9167 12.0837 10.9167 11.917 11.0833C11.7503 11.25 11.417 11.75 11.2503 11.9167C11.167 12.0833 11.0003 12.0833 10.8337 12C10.2503 11.75 9.66699 11.4167 9.16699 11C8.75033 10.5833 8.33366 10.0833 8.00033 9.58334C7.91699 9.41668 8.00033 9.25001 8.08366 9.16668C8.16699 9.08334 8.25033 8.91668 8.41699 8.83334C8.50033 8.75001 8.58366 8.58334 8.58366 8.50001C8.66699 8.41668 8.66699 8.25001 8.58366 8.16668C8.50033 8.08334 8.08366 7.08334 7.91699 6.66668C7.83366 6.08334 7.66699 6.08334 7.50033 6.08334C7.41699 6.08334 7.25033 6.08334 7.08366 6.08334C6.91699 6.08334 6.66699 6.25001 6.58366 6.33334C6.08366 6.83334 5.83366 7.41668 5.83366 8.08334C5.91699 8.83334 6.16699 9.58334 6.66699 10.25C7.58366 11.5833 8.75033 12.6667 10.167 13.3333C10.5837 13.5 10.917 13.6667 11.3337 13.75C11.7503 13.9167 12.167 13.9167 12.667 13.8333C13.2503 13.75 13.7503 13.3333 14.0837 12.8333C14.2503 12.5 14.2503 12.1667 14.167 11.8333C14.167 11.8333 14.0003 11.75 13.8337 11.6667ZM15.917 4.08334C12.667 0.833344 7.41699 0.833344 4.16699 4.08334C1.50033 6.75001 1.00033 10.8333 2.83366 14.0833L1.66699 18.3333L6.08366 17.1667C7.33366 17.8333 8.66699 18.1667 10.0003 18.1667C14.5837 18.1667 18.2503 14.5 18.2503 9.91668C18.3337 7.75001 17.417 5.66668 15.917 4.08334ZM13.667 15.75C12.5837 16.4167 11.3337 16.8333 10.0003 16.8333C8.75033 16.8333 7.58366 16.5 6.50033 15.9167L6.25033 15.75L3.66699 16.4167L4.33366 13.9167L4.16699 13.6667C2.16699 10.3333 3.16699 6.16668 6.41699 4.08334C9.66699 2.00001 13.8337 3.08334 15.8337 6.25001C17.8337 9.50001 16.917 13.75 13.667 15.75Z"
fill="white"
/>
</svg>
Agende sua consulta
</a>
</div>
</div>
<div class="col-b">
<img
src="/assets/mulher-negra-com-as-maos-no-peito.png"
alt="Mulher negra vestindo moletom verde e sorrindo"
/>
</div>
<div class="stats">
<div class="stat">
<h3>+3500</h3>
<p>Pacientes atendidos</p>
</div>
<div class="stat">
<h3>+15</h3>
<p>Especialistas disponíveis</p>
</div>
<div class="stat">
<h3>+10</h3>
<p>Anos no mercado</p>
</div>
</div>
</div>
</section>
<section id="services">
<div class="wrapper">
<header>
<h4>Serviços</h4>
<h2>Como podemos ajudá-lo a se sentir melhor?</h2>
</header>
</div>
<div class="content">
<div class="cards">
<div class="card">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="12" cy="12" r="12" fill="#DCE9E2" />
<path
d="M17.091 8.18182L10.091 15.1818L6.90918 12"
stroke="#00856F"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<h3>Problemas Digestivos</h3>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim.
</p>
</div>
<div class="card">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="12" cy="12" r="12" fill="#DCE9E2" />
<path
d="M17.091 8.18182L10.091 15.1818L6.90918 12"
stroke="#00856F"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<h3>Saúde Hormonal</h3>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim.
</p>
</div>
<div class="card">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="12" cy="12" r="12" fill="#DCE9E2" />
<path
d="M17.091 8.18182L10.091 15.1818L6.90918 12"
stroke="#00856F"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<h3>Bem-estar mental</h3>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim.
</p>
</div>
<div class="card">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="12" cy="12" r="12" fill="#DCE9E2" />
<path
d="M17.091 8.18182L10.091 15.1818L6.90918 12"
stroke="#00856F"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<h3>Cuidados Pediátricos</h3>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim.
</p>
</div>
<div class="card">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="12" cy="12" r="12" fill="#DCE9E2" />
<path
d="M17.091 8.18182L10.091 15.1818L6.90918 12"
stroke="#00856F"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<h3>Autoimune e Inflamação</h3>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim.
</p>
</div>
<div class="card">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="12" cy="12" r="12" fill="#DCE9E2" />
<path
d="M17.091 8.18182L10.091 15.1818L6.90918 12"
stroke="#00856F"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<h3>Saúde do Coração</h3>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim.
</p>
</div>
</div>
</div>
</section>
<section id="about">
<div class="wrapper">
<div class="col-a">
<header>
<h4>Sobre nós</h4>
<h2>Entenda quem somos e por que existimos</h2>
</header>
<div class="content">
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim. Amet minim mollit non deserunt
ullamco est sit aliqua dolor do amet sint. Velit officia consequat
duis enim. Amet minim mollit non deserunt ullamco est sit aliqua
dolor do amet sint. Velit officia consequat duis enim. Amet minim
mollit non deserunt ullamco est sit aliqua dolor do amet sint.
</p>
</div>
</div>
<div class="col-b">
<img
src="/assets/doutor-feliz-segurando-prancheta-com-pacientes.png"
alt="doutor feliz segurando prancheta com pacientes"
/>
</div>
</div>
</section>
<div id="contact">
<div class="wrapper">
<div class="col-a">
<header>
<h2>Entre em contato com a gente!</h2>
</header>
<div class="content">
<ul>
<li>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z"
stroke="#00856F"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z"
stroke="#00856F"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
R. Amauri Souza, 346
</li>
<li>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z"
stroke="#00856F"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22 6L12 13L2 6"
stroke="#00856F"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</li>
</ul>
<a
class="button"
href="https://wa.me/5511987654321"
target="_blank"
>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.6 14.0001C16.4 13.9001 15.1 13.3001 14.9 13.2001C14.7 13.1001 14.5 13.1001 14.3 13.3001C14.1 13.5001 13.7 14.1001 13.5 14.3001C13.4 14.5001 13.2 14.5001 13 14.4001C12.3 14.1001 11.6 13.7001 11 13.2001C10.5 12.7001 10 12.1001 9.6 11.5001C9.5 11.3001 9.6 11.1001 9.7 11.0001C9.8 10.9001 9.9 10.7001 10.1 10.6001C10.2 10.5001 10.3 10.3001 10.3 10.2001C10.4 10.1001 10.4 9.9001 10.3 9.8001C10.2 9.7001 9.7 8.5001 9.5 8.0001C9.4 7.3001 9.2 7.3001 9 7.3001C8.9 7.3001 8.7 7.3001 8.5 7.3001C8.3 7.3001 8 7.5001 7.9 7.6001C7.3 8.2001 7 8.9001 7 9.7001C7.1 10.6001 7.4 11.5001 8 12.3001C9.1 13.9001 10.5 15.2001 12.2 16.0001C12.7 16.2001 13.1 16.4001 13.6 16.5001C14.1 16.7001 14.6 16.7001 15.2 16.6001C15.9 16.5001 16.5 16.0001 16.9 15.4001C17.1 15.0001 17.1 14.6001 17 14.2001C17 14.2001 16.8 14.1001 16.6 14.0001ZM19.1 4.9001C15.2 1.0001 8.9 1.0001 5 4.9001C1.8 8.1001 1.2 13.0001 3.4 16.9001L2 22.0001L7.3 20.6001C8.8 21.4001 10.4 21.8001 12 21.8001C17.5 21.8001 21.9 17.4001 21.9 11.9001C22 9.3001 20.9 6.8001 19.1 4.9001ZM16.4 18.9001C15.1 19.7001 13.6 20.2001 12 20.2001C10.5 20.2001 9.1 19.8001 7.8 19.1001L7.5 18.9001L4.4 19.7001L5.2 16.7001L5 16.4001C2.6 12.4001 3.8 7.4001 7.7 4.9001C11.6 2.4001 16.6 3.7001 19 7.5001C21.4 11.4001 20.3 16.5001 16.4 18.9001Z"
fill="white"
/>
</svg>
Agende sua consulta
</a>
</div>
</div>
<div class="col-b">
<img
src="/assets/homem-negro-com-moletom-bege-mexendo-no-celular.png"
alt="Homem negro com moletom bege mexendo no celular e sorrindo"
/>
</div>
</div>
</div>
<section id="deposition" class="">
<div class="wrapper">
<h4>DEPOIMENTOS</h4>
<h2>O que os clientes dizem sobre o DoctorCare</h2>
<div class="cards">
<div class="transition">
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>1</h1>
</div>
</div>
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>2</h1>
</div>
</div>
</div>
<div class="transition hidden">
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>3</h1>
</div>
</div>
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>4</h1>
</div>
</div>
</div>
<div class="transition hidden">
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>5</h1>
</div>
</div>
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>6</h1>
</div>
</div>
</div>
<div class="mobile">
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>1</h1>
</div>
</div>
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>2</h1>
</div>
</div>
</div>
<div class="mobile">
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>3</h1>
</div>
</div>
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>4</h1>
</div>
</div>
</div>
<div class="mobile">
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>5</h1>
</div>
</div>
<div class="card">
<svg
width="45"
height="31"
viewBox="0 0 45 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5263 11.7111C17.5263 14.237 16.9539 16.5525 15.8092 18.6574C14.7039 20.7241 13.3618 22.5228 11.7829 24.0537C10.2039 25.6228 8.4671 27.0389 6.57237 28.3019C4.67763 29.5265 3.15789 30.4259 2.01316 31L0 27.613C1.61842 26.6944 3.15789 25.7568 4.61842 24.8C6.11842 23.8049 7.26316 22.8673 8.05263 21.987C9.11842 20.8389 9.9671 19.6525 10.5987 18.4278C11.2303 17.1648 11.625 15.5191 11.7829 13.4907H8.94079C6.45395 13.4907 4.51974 12.8784 3.13816 11.6537C1.75658 10.429 1.06579 8.72593 1.06579 6.54444C1.06579 4.97531 1.69737 3.50185 2.96053 2.12407C4.22368 0.708025 5.94079 0 8.11184 0C11.4671 0 13.875 1.09074 15.3355 3.27222C16.7961 5.41543 17.5263 8.2284 17.5263 11.7111Z"
fill="#00856F"
/>
<path
d="M45 11.7111C45 14.237 44.4276 16.5525 43.2829 18.6574C42.1776 20.7241 40.8355 22.5228 39.2566 24.0537C37.6776 25.6228 35.9408 27.0389 34.0461 28.3019C32.1513 29.5265 30.6316 30.4259 29.4868 31L27.4737 27.613C29.0921 26.6944 30.6316 25.7568 32.0921 24.8C33.5921 23.8049 34.7368 22.8673 35.5263 21.987C36.5921 20.8389 37.4408 19.6525 38.0724 18.4278C38.7039 17.1648 39.0987 15.5191 39.2566 13.4907H36.4145C33.9276 13.4907 31.9934 12.8784 30.6118 11.6537C29.2303 10.429 28.5395 8.72593 28.5395 6.54444C28.5395 4.97531 29.1711 3.50185 30.4342 2.12407C31.6974 0.708025 33.4145 0 35.5855 0C38.9408 0 41.3487 1.09074 42.8092 3.27222C44.2697 5.41543 45 8.2284 45 11.7111Z"
fill="#00856F"
/>
</svg>
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do
amet sint. Velit officia consequat duis enim. Amet minim mollit
non deserunt ullamco est sit aliqua dolor do amet sint. Velit
officia consequat duis enim.
</p>
<div class="avatar">
<img src="/assets/avatar.png" alt="avatar wanessa souza" />
<h4>Wanessa Souza</h4>
<h1>6</h1>
</div>
</div>
</div>
</div>
<div class="buttons">
<div class="button selected" data-index="0" onclick="cardSwap(event)">
<svg
width="12"
height="12"
viewBox="0 0 12 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="6" cy="6" r="6" fill="#DCE9E2" />
</svg>
</div>
<div class="button" data-index="1" onclick="cardSwap(event)">
<svg
width="12"
height="12"
viewBox="0 0 12 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="6" cy="6" r="6" fill="#DCE9E2" />
</svg>
</div>
<div class="button" data-index="2" onclick="cardSwap(event)">
<svg
width="12"
height="12"
viewBox="0 0 12 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="6" cy="6" r="6" fill="#DCE9E2" />
</svg>
</div>
</div>
<div class="vectors">
<div class="vector backward">
<svg
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g opacity="1">
<rect
width="40"
height="40"
rx="6"
transform="matrix(-1 0 0 1 40 0)"
fill="#00856F"
/>
<path
d="M23 26L17 20L23 14"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
</svg>
</div>
<div class="vector forward">
<svg
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="40" height="40" rx="6" fill="#00856F" />
<path
d="M17 26L23 20L17 14"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
</div>
<h3>Empresas que confiam</h3>
<div class="logos">
<ul>
<li>
<svg