mario-education 2.4.227-release → 2.4.229-release

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/index.css +2256 -2256
  2. package/dist/index.js +370 -367
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.modern.js +370 -367
  5. package/dist/index.modern.js.map +1 -1
  6. package/package.json +98 -98
  7. package/dist/MarioFramework.Education/ClientApp/src/containers/OneRoster/components/ImportOneRoster.d.ts +0 -6
  8. package/dist/MarioFramework.Education/ClientApp/src/containers/OneRoster/components/RosterConfigForm.d.ts +0 -8
  9. package/dist/MarioFramework.Education/ClientApp/src/containers/OneRoster/hooks/useImportOneRoster.d.ts +0 -28
  10. package/dist/MarioFramework.Education/ClientApp/src/containers/OneRoster/hooks/userRosterConfigForm.d.ts +0 -7
  11. package/dist/MarioFramework.Education/ClientApp/src/containers/OneRoster/utils/constants.d.ts +0 -2
  12. package/dist/MarioFramework.Education/ClientApp/src/containers/OneRoster/utils/types.d.ts +0 -5
  13. package/dist/MarioFramework.Education/ClientApp/src/containers/OneRoster/views/OneRoster.d.ts +0 -3
package/dist/index.css CHANGED
@@ -1,2257 +1,2257 @@
1
- /* add css module styles here (optional) */
2
- :root {
3
- --custom-gray: #ccc;
4
- --custom-blue: #0090e3;
5
- }
6
-
7
- ._3ybTi {
8
- margin: 2em;
9
- padding: 0.5em;
10
- border: 2px solid #000;
11
- font-size: 2em;
12
- text-align: center;
13
- }
14
- ._1H0W8 {
15
- height: 426px !important;
16
- }
17
- tbody._b-AXV {
18
- height: 300px;
19
- display: block;
20
- width: 370px;
21
- overflow: auto;
22
- border: 2px solid #ced4da;
23
- margin-top: 15px;
24
- }
25
- tbody._b-AXV::-webkit-scrollbar {
26
- width: 10px;
27
- background-color: #ced4da;
28
- }
29
- tbody._b-AXV tr td {
30
- display: block;
31
- width: 100%;
32
- border: none;
33
- }
34
- tbody._b-AXV tr {
35
- overflow: hidden;
36
- text-overflow: ellipsis;
37
- display: -webkit-box;
38
- -webkit-line-clamp: 2;
39
- -webkit-box-orient: vertical;
40
- }
41
-
42
- ._1fgfO {
43
- width: 40px;
44
- height: 40px;
45
- }
46
-
47
- ._2YR4l {
48
- width: 40px;
49
- height: 20px;
50
- border-radius: 4px;
51
- box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
52
- }
53
-
54
- ._114IY {
55
- max-height: 600px;
56
- }
57
-
58
- ._qE7J0 {
59
- width: 70px;
60
- }
61
-
62
- ._2BV3o {
63
- width: 300px;
64
- font-size: 1.5rem;
65
- font-weight: 600;
66
- }
67
-
68
- ._1P4F2 {
69
- height: 40px;
70
- }
71
-
72
- ._1SRmg {
73
- font-weight: 500;
74
- }
75
- ._ZDINp img {
76
- width: 100px;
77
- height: 100px;
78
- border-radius: 50%;
79
- }
80
-
81
- ._Kzkzd > i {
82
- color: #f9e517;
83
- font-size: 25px;
84
- margin-right: 10px;
85
- }
86
-
87
- ._Q0sF1 {
88
- max-height: calc(100vh - 200px);
89
- overflow-y: auto;
90
- margin-bottom: 8px;
91
- }
92
-
93
- ._gu_yD {
94
- font-weight: 550;
95
- padding: 8px 16px;
96
- border: 1px solid var(--custom-gray);
97
- border-radius: 4px;
98
- margin-bottom: 8px;
99
- background-color: white;
100
- }
101
-
102
- ._33tYy {
103
- background-color: var(--custom-blue);
104
- color: white;
105
- }
106
-
107
- ._2VZin {
108
- background: #fff;
109
- border: 1px solid rgba(51, 51, 51, 0.1);
110
- border-radius: 6px;
111
- padding: 10px 17px;
112
- margin-bottom: 10px;
113
- }
114
-
115
- ._2VZin ._2M0vR{
116
- font-family: 'Roboto';
117
- font-style: normal;
118
- font-weight: 400;
119
- font-size: 13px;
120
- }
121
-
122
- ._1d6uY {
123
- margin-right: 10px;
124
- position: relative;
125
- }
126
-
127
- ._1d6uY:last-child {
128
- margin-right: 0;
129
- }
130
-
131
- @media (max-width: 576px) {
132
- ._2VZin{
133
- width: 100%;
134
- }
135
- ._2VZin > svg{
136
- margin-left: auto;
137
- }
138
- ._1d6uY{
139
- margin-right: 0;
140
- }
141
- }
142
-
143
- ._1XSIo {
144
- position: absolute;
145
- width:100%;
146
- z-index: 100;
147
- }
148
-
149
- ._3o8gR {
150
- display: none;
151
- }
152
-
153
- ._3ru37 {
154
- background: #ffff;
155
- border-radius: 4px;
156
- min-width: 160px;
157
- padding: 5px 0px 12px;
158
- overflow: auto;
159
- overflow-x: hidden;
160
- border: 1px solid rgba(51, 51, 51, 0.1);
161
- box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.05);
162
- }
163
-
164
- ._1tQvL {
165
- position: absolute;
166
- opacity: 0;
167
- visibility: hidden;
168
- }
169
-
170
- ._1tQvL:checked + ._3VNX5::before {
171
- border: 0.35rem solid #3c65e0;
172
- }
173
-
174
- ._3VNX5::before {
175
- display: inline-block;
176
- content: "";
177
- height: 1.25rem;
178
- width: 1.25rem;
179
- margin-right: 0.625rem;
180
- border: 0.1rem solid #cccccc;
181
- background: #fcfcfc;
182
- border-radius: 50%;
183
- }
184
-
185
- ._3VNX5 {
186
- display: flex;
187
- align-items: center;
188
- margin: 15px 0;
189
- }
190
-
191
- ._3VNX5 > p {
192
- margin-bottom: 0;
193
- }
194
-
195
- ._I8kqz {
196
- position: absolute;
197
- z-index: 999;
198
- }
199
-
200
- ._3xuSa {
201
- display: flex;
202
- align-items: center;
203
- justify-content: flex-end;
204
- }
205
-
206
- ._15ep6 {
207
- display: flex;
208
- width: 40%;
209
- padding-bottom: 10px;
210
- }
211
- ._1WxAe {
212
- border-right: 1px solid #d8dbe0;
213
- height: 100vh;
214
- padding: 20px 0px 35px 0px;
215
- margin: 0;
216
- }
217
- ._3_Ed7 {
218
- text-align: center;
219
- margin-bottom: 25px;
220
- cursor: pointer;
221
- height: 260px;
222
- }
223
-
224
- ._3_Ed7 h5 {
225
- font-size: 15px;
226
- }
227
- ._3uUiv {
228
- height: 200px;
229
- border-radius: 10px;
230
- background: #fff;
231
- box-shadow: 0px 0px 10px 5px #cdcdcd;
232
- margin-bottom: 12px;
233
- }
234
- ._3_Ed7._3sodH ._3uUiv {
235
- box-shadow: 0px 0px 10px 5px #3c65e0;
236
- }
237
- ._3_Ed7._3sodH h5 {
238
- font-size: 15px;
239
- color: #3c65e0;
240
- }
241
-
242
- ._Az5Kt {
243
- padding: 15px;
244
- display: flex;
245
- border-bottom: 1px solid #d8dbe0;
246
- position: sticky;
247
- justify-content: space-between;
248
- align-items: center;
249
- }
250
- ._Az5Kt h5 {
251
- font-size: 15px;
252
- margin-bottom: 0px;
253
- }
254
- ._1Jrg_ {
255
- padding: 15px 20px;
256
- }
257
-
258
- ._1Y5i2 ._ejcrg {
259
- display: none;
260
- }
261
- ._3DVMZ {
262
- display: flex;
263
- flex: 0 0 17%;
264
- flex-direction: column;
265
- margin-right: 2rem;
266
- }
267
- ._3DVMZ > div {
268
- border: 1px solid #eaeaea;
269
- }
270
- h6._3zOGW {
271
- text-decoration: underline;
272
- font-size: 13px;
273
- cursor: pointer;
274
- }
275
- ._3DQwX {
276
- padding: 10px 0px 20px;
277
- border-bottom: 1px solid #cdcdcd;
278
- }
279
-
280
- ._1Jgr2 {
281
- padding: 16px;
282
- min-height: 530px;
283
- height: 100%;
284
- display: flex;
285
- flex-direction: column;
286
- background: #ffffff;
287
- border: 1px solid #ebeff2;
288
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
289
- border-radius: 8px;
290
- margin-bottom: 20px;
291
- }
292
-
293
- ._3Thdy {
294
- max-width: 200px;
295
- }
296
-
297
- ._1WLBo {
298
- font-size: 20px;
299
- }
300
-
301
- ._10Pgm {
302
- /* background: #E5E5E5; */
303
- }
304
-
305
- ._3jPb_ {
306
- font-size: 30px;
307
- }
308
-
309
- ._1c43y {
310
- color: #fc4747;
311
- }
312
-
313
- ._F1afY {
314
- color: #0dc16a;
315
- }
316
-
317
- ._1kqUQ {
318
- background: #f6f6f6;
319
- }
320
-
321
- ._10hbz {
322
- font-weight: bold;
323
- font-size: 14px;
324
- line-height: 16px;
325
- }
326
-
327
- ._2rmw_ {
328
- font-weight: 700;
329
- font-size: 32px;
330
- line-height: 100%;
331
- margin: 0;
332
- }
333
-
334
- ._1tdQu {
335
- font-weight: 600;
336
- font-size: 12px;
337
- line-height: 14px;
338
- }
339
-
340
- ._2BvFN {
341
- font-weight: 400;
342
- font-size: 10px;
343
- line-height: 12px;
344
- }
345
-
346
- ._10hbz,
347
- ._2rmw_,
348
- ._1tdQu,
349
- ._2BvFN {
350
- font-family: "Roboto", sans-serif;
351
- }
352
-
353
- ._2TBTW {
354
- margin: 10px 0;
355
- }
356
-
357
- ._3XXJp {
358
- width: 35px;
359
- color: #0d9994;
360
- text-align: center;
361
- }
362
-
363
- ._LCuWQ {
364
- background: #cef7f5;
365
- color: #0d9994;
366
- border-radius: 8px;
367
- }
368
-
369
- ._3x9D7 {
370
- color: #1da370;
371
- }
372
-
373
- ._2In63 {
374
- border: none;
375
- background: #fff;
376
- }
377
-
378
- ._1Vhg_ {
379
- display: flex;
380
- justify-content: space-between;
381
- width: 100%;
382
- }
383
-
384
- ._6yLxd {
385
- min-width: 200px;
386
- margin-bottom: 10px;
387
- height: 100%;
388
- background-color: hsl(0, 0%, 100%);
389
- border-color: hsl(0, 0%, 80%);
390
- border-radius: 4px;
391
- border-style: solid;
392
- border-width: 1px;
393
- padding: 8px;
394
- width: 100%;
395
- }
396
-
397
- ._h74SO {
398
- display: flex;
399
- justify-content: flex-start;
400
- flex-wrap: wrap;
401
- padding: 0px 16px;
402
- }
403
-
404
- ._3e2pi {
405
- display: flex;
406
- justify-content: flex-end;
407
- flex-wrap: wrap;
408
- max-width: 700px;
409
- }
410
-
411
- ._ntUB6 {
412
- min-width: 200px;
413
- margin-left: 20px;
414
- margin-bottom: 10px;
415
- height: 38px;
416
- }
417
-
418
- ._1DlZ4 {
419
- width: 220px;
420
- margin-right: 20px;
421
- margin-bottom: 10px;
422
- height: 38px;
423
- }
424
-
425
- ._1tYDM {
426
- max-width: 440px;
427
- display: flex;
428
- flex-wrap: wrap;
429
- }
430
-
431
- ._3hSow {
432
- background: #ffffff;
433
- border: 1px solid #ebeff2;
434
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
435
- border-radius: 8px;
436
- }
437
-
438
- ._1yuC9 {
439
- min-width: 255px;
440
- flex-basis: 19%;
441
- }
442
-
443
- ._1yuC9 ._10hbz {
444
- font-family: 'Roboto';
445
- font-weight: 500;
446
- font-size: 14px;
447
- line-height: 16px;
448
- }
449
-
450
- ._1yuC9:last-child {
451
- padding: 20px 0px !important;
452
- }
453
-
454
- ._1yuC9:last-child div {
455
- width: 80%;
456
- margin: 0 auto;
457
- }
458
-
459
- ._2PMoX {
460
- height: auto;
461
- width: 100%;
462
- -o-object-fit: scale-down;
463
- object-fit: scale-down;
464
- max-height: 300px;
465
- }
466
-
467
- ._2PMoX._3ZX0b {
468
- height: 300px;
469
- width: 100%;
470
- -o-object-fit: scale-down;
471
- object-fit: scale-down;
472
- }
473
-
474
- ._2asi- ._muT01 ._35BzZ {
475
- font-size: 20px;
476
- }
477
-
478
- ._2asi- {
479
- overflow: hidden;
480
- max-height: 470px;
481
- }
482
-
483
- @media (min-width: 1024px) {
484
- ._3pkbc {
485
- max-width: 60%;
486
- }
487
-
488
- ._16MpB {
489
- max-width: 55%;
490
- }
491
- }
492
-
493
- ._CHu-i {
494
- font-weight: 700;
495
- font-size: 24px;
496
- line-height: 116%;
497
- }
498
-
499
- ._3Y-Dd {
500
- overflow: hidden;
501
- height: 416px;
502
- }
503
-
504
- @media (min-width: 2250px) {
505
- ._3Y-Dd {
506
- width: 100%;
507
- display: flex;
508
- justify-content: center;
509
- align-items: center;
510
- }
511
- }
512
-
513
- @media (max-width: 720px) {
514
- ._1YJnk {
515
- padding-right: 20px;
516
- }
517
- }
518
-
519
-
520
- /* new design; */
521
- ._2eMbe {
522
- box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
523
- }
524
-
525
- ._6ZvFg {
526
- border-radius: 8px;
527
- overflow: hidden;
528
- position: relative;
529
- }
530
-
531
- ._24CNV._6ZvFg::after {
532
- content: "";
533
- width: 1px;
534
- height: 100%;
535
- position: absolute;
536
- top: 0;
537
- left: 50%;
538
- transform: translate(-50%, 0);
539
- display: block;
540
- background: rgba(51, 51, 51, 0.1);
541
- }
542
-
543
- ._6ZvFg ._2vtSi {
544
- background: #FFFFFF;
545
- border-radius: 8px;
546
- padding: 20px;
547
- /* cursor: pointer; */
548
- }
549
-
550
- ._IpsVf {}
551
-
552
- ._IpsVf ._gzxWe {
553
- color: "#B2B2B2";
554
- font-size: 18px;
555
- }
556
-
557
- ._2vtSi ._37IcR {
558
- color: #D9D9D9;
559
- display: flex;
560
- align-items: center;
561
- }
562
-
563
- ._2vtSi ._2G6Wz {
564
- font-weight: 700;
565
- font-size: 20px;
566
- letter-spacing: 0.01em;
567
- color: #262626;
568
- font-family: "Roboto";
569
- }
570
-
571
- ._2vtSi ._IpsVf {
572
- /* display: flex;
573
- align-items: center; */
574
- display: block;
575
- }
576
-
577
- ._3xpNv {
578
- border-radius: 4px;
579
- background: #ffff;
580
- }
581
-
582
- ._3H5Ly {
583
- padding: 6px 12px 6px 0px;
584
- border-radius: 0 4px 4px 0;
585
- background: #336DDA;
586
- color: #fff;
587
- }
588
-
589
- ._J_n-D {
590
- padding: 5px 8px 7px 6px;
591
- border-radius: 4px 0 0 4px;
592
- background: #336DDA;
593
- }
594
-
595
- ._2vtSi ._3AALV {
596
- font-size: 16px;
597
- }
598
-
599
- ._11Xjn {
600
- cursor: pointer;
601
- }
602
-
603
- ._2vtSi ._2htKu {
604
- cursor: pointer;
605
- transition: transform 333ms ease-out, color 333ms;
606
- }
607
-
608
- ._q1nUO {
609
- transform: rotate(-180deg);
610
- }
611
-
612
- ._s8xMf {
613
- display: flex;
614
- align-items: center;
615
- justify-content: space-between;
616
- padding: 0 20px;
617
- }
618
-
619
- ._tHUJ_ {
620
- display: flex;
621
- justify-content: space-between;
622
- align-items: center;
623
- flex-wrap: wrap;
624
- margin: -12px 0;
625
- width: 100%;
626
- }
627
-
628
- ._3xKHX {
629
- text-align: center;
630
- color: #242424;
631
- font-style: normal;
632
- font-weight: 600 !important;
633
- font-size: 12px !important;
634
- line-height: 18px !important;
635
- margin-bottom: 25px !important;
636
- }
637
-
638
- ._pFFg9 {
639
- font-size: 16px;
640
- font-weight: 700;
641
- padding: 10px;
642
- margin-bottom: 0 !important;
643
- font-family: 'Montserrat-Bold' !important;
644
- }
645
-
646
- ._pFFg9 > a {
647
- font-size: inherit;
648
- font-weight: inherit;
649
- font-family: inherit!important;
650
- color: inherit;
651
- }
652
-
653
- ._pFFg9 > a:hover {
654
- color: #336DDA;
655
- text-decoration: underline;
656
- }
657
-
658
- ._3hqV3 {
659
- margin-left: 10px;
660
- font-style: normal;
661
- font-weight: 400;
662
- font-size: 12px;
663
- line-height: 18px;
664
- color: #242424;
665
- opacity: 0.4;
666
- }
667
-
668
- ._3rdqX {
669
- font-family: 'Poppins-SemiBold';
670
- font-style: normal;
671
- font-weight: 600;
672
- font-size: 16px;
673
- line-height: 32px;
674
- margin-bottom: 0;
675
- }
676
- ._nwv00 {
677
- cursor: pointer;
678
- }
679
- ._nwv00:hover {
680
- transform: scale(1.2);
681
- transition: transform .2s;
682
- }
683
-
684
- ._29aQo {
685
- padding: 10px;
686
- border-radius: 8px;
687
- border: none;
688
- background: #242424;
689
- }
690
-
691
- ._2SJIY {
692
- color: #FFFFFF;
693
- font-weight: 400;
694
- font-size: 12px;
695
- line-height: 18px;
696
- margin: 0 0 10px;
697
-
698
- }
699
-
700
- ._2lZv_ {
701
- width: 4px;
702
- height: 18px;
703
- border-radius: 3px;
704
- margin-right: 10px;
705
- }
706
-
707
- ._8NzTd {
708
- display: flex;
709
- align-items: center;
710
- margin: 0;
711
- height: 18px;
712
- padding-right: 10px;
713
- }
714
-
715
- ._1EP1I {
716
- display: flex;
717
- align-items: center;
718
- }
719
-
720
- ._1J69a {
721
- color: #FFFFFF;
722
- font-weight: 400;
723
- font-size: 12px;
724
- line-height: 18px;
725
- margin-right: 5px;
726
- margin-bottom: 0;
727
- }
728
-
729
- ._3-8OW {
730
- color: #FFFFFF;
731
- font-weight: 400;
732
- font-size: 12px;
733
- line-height: 18px;
734
- margin-bottom: 0;
735
- }
736
-
737
- ._2htKu svg {
738
- width: 20px !important;
739
- height: auto !important;
740
- }
741
-
742
- ._2vtSi ._1qXAT {
743
- font-weight: 400;
744
- font-size: 16px;
745
- line-height: 100%;
746
- color: #252733;
747
- }
748
-
749
- ._3NgrB,
750
- ._32fu3 {
751
- background-color: #fff;
752
- }
753
-
754
- ._3NgrB {
755
- padding-bottom: 10px;
756
- }
757
-
758
- ._3NgrB ._DmMzw {
759
- padding-left: 10px;
760
- }
761
-
762
- ._3NgrB ._1eUXn {
763
- width: 10px;
764
- height: 10px;
765
- margin-right: 5px;
766
- border-radius: 2px;
767
- }
768
-
769
- ._3NgrB ._3hrrC ._Q-iiW {
770
- font-weight: 400;
771
- font-size: 14px;
772
- letter-spacing: 0.01em;
773
- color: #4d4d4d;
774
- margin-bottom: 0;
775
- font-family: 'Roboto';
776
- }
777
-
778
- ._3NgrB ._cD4ey {
779
- display: flex;
780
- justify-content: center;
781
- align-items: center;
782
- margin-right: 10px;
783
- }
784
-
785
- ._3NgrB {
786
- font-weight: 400;
787
- font-size: 16px;
788
- letter-spacing: 0.01em;
789
- color: #252733 !important;
790
- font-family: "Roboto";
791
- }
792
-
793
- ._3NgrB ._2HWhv>label {
794
- font-weight: 600;
795
- font-size: 18px;
796
- color: #252733 !important;
797
- font-family: "Roboto";
798
- }
799
-
800
- ._2Hdbu {
801
- width: 100%;
802
- padding: 20px;
803
- }
804
-
805
- ._2Hdbu, ._3RJ2T {
806
- display: flex;
807
- align-items: center;
808
- flex-wrap: wrap;
809
- }
810
-
811
- ._3dK0P {
812
- display: flex;
813
- padding-right: 15px;
814
- align-items: flex-start;
815
- width: -webkit-fit-content;
816
- width: -moz-fit-content;
817
- width: fit-content;
818
- max-width: 200px;
819
- }
820
-
821
- ._1bHgZ {
822
- margin-right: 10px;
823
- }
824
-
825
- ._QwDVv {
826
- padding-right: 5px;
827
- display: flex;
828
- align-items: center;
829
- }
830
- ._1QgWc {
831
- width: 100%
832
- }
833
- ._348ls {
834
- display: flex;
835
- display: flex;
836
- align-items: center;
837
- }
838
- ._1VfnR {
839
- font-style: normal;
840
- font-weight: 700;
841
- font-size: 12px;
842
- line-height: 18px;
843
- font-family: 'Poppins-Bold';
844
- margin-bottom: 0;
845
- }
846
-
847
- ._3eW34 {
848
- display: flex;
849
- align-items: center;
850
- }
851
-
852
- ._1bljF {
853
- display: flex;
854
- align-items: center;
855
- }
856
- ._30y0h {
857
- font-weight: 600;
858
- font-size: 12px;
859
- line-height: 18px;
860
- margin-bottom: 0;
861
- }
862
-
863
- ._1HtM3 {
864
- width: 8px;
865
- }
866
- ._3qqQU {
867
- font-size: 14px;
868
- margin-right: 5px;
869
- color: #0F9655;
870
- fill: #0F9655;
871
- }
872
- ._2Fgfn {
873
- font-weight: 600;
874
- font-size: 12px;
875
- line-height: 18px;
876
- margin-right: 5px;
877
- margin-bottom: 0;
878
- }
879
- ._1yXO7 {
880
- font-size: 14px;
881
- margin-right: 5px;
882
- color: #C44140;
883
- fill: #C44140;
884
- }
885
- ._2JNm- {
886
- width: 8px;
887
- height: 8px;
888
- border-radius: 50%;
889
- margin-right: 10px;
890
- }
891
-
892
- ._3hrrC {
893
- padding-right: 50px;
894
- }
895
- ._38ikt{
896
- /* height: 410px; */
897
- }
898
-
899
- ._38ikt ._1TnWs {
900
- position: absolute;
901
- right: 60px;
902
- display: flex;
903
- justify-content: flex-end;
904
- flex-wrap: wrap;
905
- width: 150px;
906
- }
907
-
908
- ._38ikt ._1TnWs label {
909
- color: #333333;
910
- font-weight: 500;
911
- font-size: 14px;
912
- align-items: center;
913
- text-align: right;
914
- color: #333333;
915
- margin-bottom: 5px;
916
- font-family: "Roboto";
917
- }
918
-
919
- ._38ikt ._1TnWs span {
920
- font-weight: 400;
921
- font-size: 14px;
922
- line-height: 16px;
923
- text-align: right;
924
- color: #4d4d4d;
925
- font-family: "Roboto";
926
- }
927
-
928
- ._3BTJi ._1Ws0m {
929
- margin-top: 30px;
930
- display: flex;
931
- justify-content: center;
932
- align-items: center;
933
- flex-direction: column;
934
- }
935
-
936
- ._3BTJi ._1Ws0m ._2HnO_ {
937
- display: flex;
938
- justify-content: center;
939
- align-items: center;
940
- margin-bottom: 10px;
941
- }
942
-
943
- ._3BTJi ._1Ws0m ._1eUXn {
944
- width: 12px;
945
- height: 12px;
946
- margin-right: 8px;
947
- border-radius: 2px;
948
- }
949
-
950
- ._3BTJi ._1Ws0m ._2BFJw {
951
- padding-right: 8px;
952
- color: #4d4d4d;
953
- letter-spacing: 0.01em;
954
- font-weight: 400;
955
- font-size: 16px;
956
- font-family: "Roboto";
957
- }
958
-
959
- ._2az-l {
960
- padding-right: 10px;
961
- padding-left: 10px;
962
- padding-bottom: 10px;
963
- }
964
-
965
- ._2az-l ._1TnWs {
966
- position: absolute;
967
- right: 35px;
968
- top: 10px;
969
- display: flex;
970
- justify-content: flex-end;
971
- flex-wrap: wrap;
972
- width: 150px;
973
- }
974
-
975
- ._2az-l ._1TnWs label {
976
- color: #333333;
977
- font-weight: 500;
978
- font-size: 14px;
979
- align-items: center;
980
- text-align: right;
981
- color: #333333;
982
- margin-bottom: 5px;
983
- font-family: "Roboto";
984
- }
985
-
986
- ._2az-l ._1TnWs span {
987
- font-weight: 400;
988
- font-size: 14px;
989
- line-height: 16px;
990
- text-align: right;
991
- color: #4d4d4d;
992
- font-family: "Roboto";
993
- }
994
-
995
- ._2j8fp {
996
- position: relative;
997
- }
998
-
999
- ._2j8fp ._1BN5z {
1000
- width: 100%;
1001
- bottom: 40px;
1002
- position: relative;
1003
-
1004
- }
1005
-
1006
- ._2j8fp ._1rYav {
1007
- width: 80%;
1008
- margin: 35px auto 0px;
1009
- display: flex;
1010
- justify-content: space-between;
1011
- align-items: center;
1012
- }
1013
-
1014
- ._2j8fp ._1rYav div {
1015
- font-family: "Roboto";
1016
- font-weight: 600;
1017
- font-size: 12px;
1018
- }
1019
-
1020
- ._2j8fp ._TPa6x {
1021
- padding-right: 50px;
1022
- }
1023
-
1024
- ._2j8fp ._3-zAs {
1025
- display: flex;
1026
- justify-content: space-around;
1027
- margin-top: 20px;
1028
- padding: 0 50px;
1029
- }
1030
-
1031
- ._2j8fp ._3-zAs ._3RJ2T {
1032
- display: flex;
1033
- margin-right: 20px;
1034
- align-items: center;
1035
- }
1036
-
1037
- ._2j8fp ._3-zAs ._1eUXn {
1038
- width: 10px;
1039
- height: 10px;
1040
- margin-right: 5px;
1041
- border-radius: 2px;
1042
- }
1043
-
1044
- ._2j8fp ._3-zAs ._Q-iiW {
1045
- font-family: "Roboto";
1046
- font-weight: 400;
1047
- font-size: 14px;
1048
- letter-spacing: 0.01em;
1049
- color: #4d4d4d;
1050
- margin-bottom: 0;
1051
- margin: 0;
1052
- }
1053
-
1054
- ._2j8fp ._3-zAs ._cD4ey {
1055
- display: flex;
1056
- justify-content: center;
1057
- align-items: center;
1058
- margin-right: 10px;
1059
- }
1060
-
1061
- ._2j8fp ._3-zAs {
1062
- font-weight: 400;
1063
- font-size: 16px;
1064
- letter-spacing: 0.01em;
1065
- color: #252733;
1066
- font-family: "Roboto";
1067
- }
1068
-
1069
- ._24PRg {
1070
- font-weight: 700;
1071
- font-size: 13px;
1072
- letter-spacing: 0.01em;
1073
- color: #252733;
1074
- font-family: "Roboto";
1075
- opacity: .56;
1076
- margin-top: 0;
1077
- margin-bottom: 0;
1078
- text-transform: uppercase;
1079
- font-size: 12px;
1080
- }
1081
-
1082
- ._2j8fp ._1PPhv {
1083
- position: absolute;
1084
- right: 20px;
1085
- top: 41px;
1086
- }
1087
-
1088
- ._2ZL2A {
1089
- color: #D3D3D3;
1090
- font-size: 14px;
1091
- }
1092
-
1093
- ._2j8fp ._1PPhv ._1rjWR {
1094
- margin-bottom: 18px;
1095
- font-weight: 400;
1096
- font-size: 13px;
1097
- text-align: center;
1098
- letter-spacing: 0.01em;
1099
- color: #D3D3D3;
1100
- }
1101
-
1102
- ._2j8fp ._f-Ti4 {
1103
- position: relative;
1104
- }
1105
-
1106
- ._1hZ_V {
1107
- width: 100%;
1108
- text-align: center;
1109
- font-weight: 400;
1110
- font-size: 16px;
1111
- text-align: right;
1112
- letter-spacing: 0.01em;
1113
- color: #808080;
1114
- display: flex;
1115
- justify-content: center;
1116
- align-items: center;
1117
- font-family: "Roboto";
1118
- }
1119
-
1120
-
1121
- ._3L9WC {
1122
- font-size: 24px;
1123
- font-weight: 700;
1124
- margin-bottom: 5px !important;
1125
- font-family: "Roboto";
1126
- }
1127
-
1128
- ._1TFtP {
1129
- font-size: 16px;
1130
- font-weight: 400;
1131
- margin-bottom: 5px !important;
1132
- }
1133
-
1134
- ._37aqf {
1135
- display: flex !important;
1136
- align-items: center;
1137
- }
1138
-
1139
- ._1iabV {
1140
- font-size: 16px;
1141
- font-weight: 400;
1142
- font-family: "Roboto";
1143
- }
1144
-
1145
- ._1eQAg {
1146
- background-color: #28BE76;
1147
- }
1148
- ._38ikt ._pFFg9{
1149
- font-weight: 400;
1150
- font-size: 16px;
1151
- text-align: center;
1152
- letter-spacing: 0.01em;
1153
- color: #808080;
1154
- margin-bottom: 20px;
1155
- font-family: "Roboto";
1156
- }
1157
-
1158
-
1159
- ._1eqkj {
1160
- position: absolute;
1161
- /* opacity: 0; */
1162
- z-index: -999;
1163
- bottom: -100vh;
1164
- right: -100vw;
1165
- width: 260px;
1166
- height: 75px;
1167
- }
1168
-
1169
- ._1eqkj > img {
1170
- width: 100%;
1171
- height: auto;
1172
- margin-top: -10px;
1173
- }
1174
-
1175
- ._2IQ8b {
1176
- position: fixed;
1177
- z-index: -9999;
1178
- width: 800px;
1179
- opacity: 0;
1180
- bottom: -100vh;
1181
- right: -100vw;
1182
- & > div {
1183
- width: 100%;
1184
- & > div {
1185
- width: 100%;
1186
- }
1187
- }
1188
- }
1189
-
1190
- ._sQ21k {
1191
- position: absolute;
1192
- z-index: -999;
1193
- right: 0;
1194
- display: flex;
1195
- align-items: center;
1196
- }
1197
-
1198
- ._3Eas5 {
1199
- max-height: 430px;
1200
- }
1201
-
1202
- ._1tKnn{
1203
- display: none;
1204
- }
1205
-
1206
- @media (max-width: 374px) {
1207
- ._CHu-i {
1208
- font-size: 18px;
1209
- }
1210
- ._CHu-i + img {
1211
- width: 36px;
1212
- height: 36px;
1213
- }
1214
- }
1215
-
1216
- @media (max-width: 576px) {
1217
- ._10Pgm{
1218
- padding: 0 10px;
1219
- }
1220
-
1221
- ._2j8fp ._TPa6x {
1222
- padding-right: 10px;
1223
- }
1224
-
1225
- ._2j8fp ._1PPhv {
1226
- display: none;
1227
- }
1228
-
1229
- ._1tKnn{
1230
- display: block;
1231
- background: #ffffff;
1232
- border: 1px solid #ebeff2;
1233
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1234
- border-radius: 8px;
1235
- }
1236
-
1237
- ._1Zuq3{
1238
- gap: 6px;
1239
- }
1240
-
1241
- ._2Hdbu {
1242
- gap: 8px;
1243
- }
1244
-
1245
- ._3dK0P {
1246
- max-width: 150px;
1247
- }
1248
-
1249
- ._348ls {
1250
- align-items: baseline;
1251
- }
1252
- }
1253
-
1254
- @media (min-width: 577px) and (max-width: 992px){
1255
- ._1i0El {
1256
- gap: 8px;
1257
- }
1258
-
1259
- ._2Hdbu {
1260
- gap: 8px;
1261
- }
1262
- }
1263
-
1264
- ._vC3Ud {
1265
- display: flex;
1266
- }
1267
-
1268
- ._2ux2o {
1269
- display: flex;
1270
- flex-direction: column;
1271
- justify-content: space-around;
1272
- align-items: flex-end;
1273
- padding: 12px 0 35px;
1274
- margin-right: -10px;
1275
- }
1276
-
1277
- ._2ux2o > ._3OL8v {
1278
- font-size: 13px;
1279
- color: #D3D3D3;
1280
- margin-bottom: 0;
1281
- }
1282
- ._1g-gv {
1283
- -webkit-animation: _aoKNi 0.6s infinite linear;
1284
- animation: _aoKNi 0.6s infinite linear;
1285
- transform: rotate(0);
1286
- }
1287
-
1288
- @-webkit-keyframes _aoKNi {
1289
- 0% {
1290
- transform: rotate(0deg);
1291
- }
1292
-
1293
- 100% {
1294
- transform: rotate(360deg);
1295
- }
1296
- }
1297
-
1298
- @keyframes _aoKNi {
1299
- 0% {
1300
- transform: rotate(0deg);
1301
- }
1302
-
1303
- 100% {
1304
- transform: rotate(360deg);
1305
- }
1306
- }
1307
- ._1iTWy {
1308
- margin-left: 1.4rem;
1309
- }
1310
-
1311
- ._3XHDS {
1312
- margin-top: -12px;
1313
- }
1314
-
1315
- ._3eCPL{
1316
- list-style-type: none;
1317
- }
1318
-
1319
- ._4NzlA{
1320
- cursor: pointer;
1321
- }
1322
- ._3U9cF {
1323
- padding: 16px;
1324
- min-height: 530px;
1325
- height: 100%;
1326
- display: flex;
1327
- flex-direction: column;
1328
- background: #ffffff;
1329
- border: 1px solid #ebeff2;
1330
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1331
- border-radius: 8px;
1332
- margin-bottom: 20px;
1333
- }
1334
-
1335
- ._3lYP4 {
1336
- max-width: 200px;
1337
- }
1338
-
1339
- ._EIKHR {
1340
- font-family: 'Roboto' !important;
1341
- font-weight: 400;
1342
- margin-top: 2px;
1343
- }
1344
- ._3waCS {
1345
- font-size: 20px;
1346
- }
1347
-
1348
- ._Dr0mP > div > div > div > div:first-child > p {
1349
- font-size: 20px
1350
- }
1351
-
1352
- ._2aFDQ > div > div:nth-child(2) > div{
1353
- width: unset!important;
1354
- }
1355
-
1356
- ._36sKX {
1357
- font-size: 30px;
1358
- }
1359
-
1360
- ._1TjNf {
1361
- color: #fc4747;
1362
- }
1363
-
1364
- ._i4rwq {
1365
- color: #0dc16a;
1366
- }
1367
-
1368
- ._BlYR7 {
1369
- background: #f6f6f6;
1370
- }
1371
-
1372
- ._3fBK1 {
1373
- font-weight: bold;
1374
- font-size: 14px;
1375
- line-height: 16px;
1376
- }
1377
-
1378
- ._2w6yc {
1379
- font-weight: 700;
1380
- font-size: 32px;
1381
- line-height: 100%;
1382
- margin: 0;
1383
- }
1384
-
1385
- ._1aq6C {
1386
- font-weight: 600;
1387
- font-size: 12px;
1388
- line-height: 14px;
1389
- }
1390
-
1391
- ._2lX51 {
1392
- font-weight: 400;
1393
- font-size: 10px;
1394
- line-height: 12px;
1395
- }
1396
-
1397
- ._3fBK1,
1398
- ._2w6yc,
1399
- ._1aq6C,
1400
- ._2lX51 {
1401
- font-family: "Roboto", sans-serif;
1402
- }
1403
-
1404
- ._jGO7A {
1405
- margin: 10px 0;
1406
- }
1407
-
1408
- ._2dXys {
1409
- width: 35px;
1410
- color: #0d9994;
1411
- text-align: center;
1412
- }
1413
-
1414
- ._3-8WB {
1415
- background: #cef7f5;
1416
- color: #0d9994;
1417
- border-radius: 8px;
1418
- }
1419
-
1420
- ._5QHKk {
1421
- color: #1da370;
1422
- }
1423
-
1424
- ._2UyJG {
1425
- border: none;
1426
- background: #fff;
1427
- }
1428
-
1429
- ._1SL-6 {
1430
- display: flex;
1431
- justify-content: space-between;
1432
- width: 100%;
1433
- }
1434
-
1435
- ._pKQ8e {
1436
- min-width: 200px;
1437
- margin-bottom: 10px;
1438
- height: 100%;
1439
- background-color: hsl(0, 0%, 100%);
1440
- border-color: hsl(0, 0%, 80%);
1441
- border-radius: 4px;
1442
- border-style: solid;
1443
- border-width: 1px;
1444
- padding: 8px;
1445
- width: 100%;
1446
- }
1447
-
1448
- ._2eZGm {
1449
- display: flex;
1450
- justify-content: flex-start;
1451
- flex-wrap: wrap;
1452
- padding: 0px 16px;
1453
- }
1454
-
1455
- ._dz04Q {
1456
- display: flex;
1457
- justify-content: flex-end;
1458
- flex-wrap: wrap;
1459
- max-width: 700px;
1460
- }
1461
-
1462
- ._OhjkA {
1463
- min-width: 200px;
1464
- margin-left: 20px;
1465
- margin-bottom: 10px;
1466
- height: 38px;
1467
- }
1468
-
1469
- ._-q4tF {
1470
- width: 220px;
1471
- margin-right: 20px;
1472
- margin-bottom: 10px;
1473
- height: 38px;
1474
- }
1475
-
1476
- ._nukn6 {
1477
- max-width: 440px;
1478
- display: flex;
1479
- flex-wrap: wrap;
1480
- }
1481
-
1482
- ._2ysrj {
1483
- background: #ffffff;
1484
- border: 1px solid #ebeff2;
1485
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1486
- border-radius: 8px;
1487
- }
1488
-
1489
- ._37HdU {
1490
- min-width: 255px;
1491
- flex-basis: 19%;
1492
- }
1493
-
1494
- ._37HdU ._3fBK1 {
1495
- font-family: 'Roboto';
1496
- font-weight: 500;
1497
- font-size: 14px;
1498
- line-height: 16px;
1499
- }
1500
-
1501
- ._37HdU:last-child {
1502
- padding: 20px 0px !important;
1503
- }
1504
-
1505
- ._37HdU:last-child div {
1506
- width: 80%;
1507
- margin: 0 auto;
1508
- }
1509
-
1510
- ._-jYtE {
1511
- height: auto;
1512
- width: 100%;
1513
- -o-object-fit: scale-down;
1514
- object-fit: scale-down;
1515
- max-height: 300px;
1516
- }
1517
-
1518
- ._-jYtE._2FOHk {
1519
- height: 300px;
1520
- width: 100%;
1521
- -o-object-fit: scale-down;
1522
- object-fit: scale-down;
1523
- }
1524
-
1525
- ._38Xgv ._3m9ET ._3QJAM {
1526
- font-size: 20px;
1527
- }
1528
-
1529
- ._38Xgv {
1530
- overflow: hidden;
1531
- max-height: 470px;
1532
- }
1533
-
1534
- @media (min-width: 1024px) {
1535
- ._11W3J {
1536
- max-width: 60%;
1537
- }
1538
-
1539
- ._2-frJ {
1540
- max-width: 55%;
1541
- }
1542
- }
1543
-
1544
- ._1_YyD {
1545
- font-weight: 700;
1546
- font-size: 24px;
1547
- line-height: 116%;
1548
- }
1549
-
1550
- ._xbK6p {
1551
- overflow: hidden;
1552
- height: 416px;
1553
- }
1554
-
1555
- @media (min-width: 2250px) {
1556
- ._xbK6p {
1557
- /* width: 100%;
1558
- display: flex;
1559
- justify-content: center;
1560
- align-items: center; */
1561
- }
1562
- }
1563
-
1564
- @media (max-width: 720px) {
1565
- ._11sYZ {
1566
- padding-right: 20px;
1567
- }
1568
- }
1569
-
1570
-
1571
- /* new design; */
1572
- ._rFfwe {
1573
- box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
1574
- }
1575
-
1576
- ._zLI7s {
1577
- border-radius: 8px;
1578
- overflow: hidden;
1579
- position: relative;
1580
- padding: 10px 0px;
1581
- }
1582
-
1583
- ._OoZLR._zLI7s::after {
1584
- content: "";
1585
- width: 1px;
1586
- height: 100%;
1587
- position: absolute;
1588
- top: 0;
1589
- left: 50%;
1590
- transform: translate(-50%, 0);
1591
- display: block;
1592
- background: rgba(51, 51, 51, 0.1);
1593
- }
1594
-
1595
- ._zLI7s ._3mzht {
1596
- background: #FFFFFF;
1597
- border-radius: 8px;
1598
- padding: 20px;
1599
- /* cursor: pointer; */
1600
- }
1601
-
1602
- ._2gXQT {}
1603
-
1604
- ._2gXQT ._3XABq {
1605
- color: "#B2B2B2";
1606
- font-size: 18px;
1607
- }
1608
-
1609
- ._3mzht ._1FHsv {
1610
- color: #D9D9D9;
1611
- display: flex;
1612
- align-items: center;
1613
- }
1614
-
1615
- ._3mzht ._2JBD5 {
1616
- font-weight: 700;
1617
- font-size: 18px;
1618
- letter-spacing: 0.01em;
1619
- color: #262626;
1620
- font-family: "Roboto";
1621
- }
1622
-
1623
- ._3mzht ._2gXQT {
1624
- display: flex;
1625
- align-items: center;
1626
- }
1627
-
1628
- ._2OEd7 {
1629
- border-radius: 4px;
1630
- background: #ffff;
1631
- }
1632
-
1633
- ._2nyRe {
1634
- padding: 6px 12px 6px 0px;
1635
- border-radius: 0 4px 4px 0;
1636
- background: #336DDA;
1637
- color: #fff;
1638
- }
1639
-
1640
- ._31EdD {
1641
- padding: 5px 8px 7px 6px;
1642
- border-radius: 4px 0 0 4px;
1643
- background: #336DDA;
1644
- }
1645
-
1646
- ._3mzht ._TmymT {
1647
- font-size: 16px;
1648
- }
1649
-
1650
- ._3X_ow {
1651
- cursor: pointer;
1652
- }
1653
-
1654
- ._3mzht ._1qdL4 {
1655
- cursor: pointer;
1656
- }
1657
-
1658
- ._1qdL4 svg {
1659
- width: 20px !important;
1660
- height: auto !important;
1661
- }
1662
-
1663
- ._3mzht ._PghQI {
1664
- font-weight: 400;
1665
- font-size: 16px;
1666
- line-height: 100%;
1667
- color: #252733;
1668
- }
1669
-
1670
- ._12jqi,
1671
- ._2rwg5 {
1672
- background-color: #fff;
1673
- }
1674
-
1675
- ._12jqi {
1676
- padding-bottom: 10px;
1677
- }
1678
-
1679
- ._12jqi ._3iwnG {
1680
- padding-left: 10px;
1681
- }
1682
-
1683
- ._12jqi ._rKYWD {
1684
- width: 10px;
1685
- height: 10px;
1686
- margin-right: 5px;
1687
- border-radius: 2px;
1688
- }
1689
-
1690
- ._12jqi ._n_lnI ._3hlTa {
1691
- font-weight: 400;
1692
- font-size: 14px;
1693
- letter-spacing: 0.01em;
1694
- color: #4d4d4d;
1695
- margin-bottom: 0;
1696
- font-family: 'Roboto';
1697
- }
1698
-
1699
- ._12jqi ._1LGIl {
1700
- display: flex;
1701
- justify-content: center;
1702
- align-items: center;
1703
- margin-right: 10px;
1704
- }
1705
-
1706
- ._12jqi ._EIKHR {
1707
- font-weight: 400;
1708
- font-size: 16px;
1709
- letter-spacing: 0.01em;
1710
- color: #252733 !important;
1711
- font-family: "Roboto";
1712
- }
1713
-
1714
- ._12jqi ._1mr1m>label {
1715
- font-weight: 600;
1716
- font-size: 18px;
1717
- color: #252733 !important;
1718
- font-family: "Roboto";
1719
- }
1720
-
1721
- ._E_ciE {
1722
- width: 100%;
1723
- padding: 20px;
1724
- }
1725
-
1726
- ._E_ciE ._27ojF {
1727
- display: flex;
1728
- justify-content: center;
1729
- align-items: center;
1730
- }
1731
-
1732
- ._n_lnI {
1733
- padding-right: 50px;
1734
- }
1735
- ._2KJYt{
1736
- /* height: 410px; */
1737
- }
1738
-
1739
- ._2KJYt ._hEgnv {
1740
- position: absolute;
1741
- right: 60px;
1742
- display: flex;
1743
- justify-content: flex-end;
1744
- flex-wrap: wrap;
1745
- width: 150px;
1746
- }
1747
-
1748
- ._2KJYt ._hEgnv label {
1749
- color: #333333;
1750
- font-weight: 500;
1751
- font-size: 14px;
1752
- align-items: center;
1753
- text-align: right;
1754
- color: #333333;
1755
- margin-bottom: 5px;
1756
- font-family: "Roboto";
1757
- }
1758
-
1759
- ._2KJYt ._hEgnv span {
1760
- font-weight: 400;
1761
- font-size: 14px;
1762
- line-height: 16px;
1763
- text-align: right;
1764
- color: #4d4d4d;
1765
- font-family: "Roboto";
1766
- }
1767
-
1768
- ._34-k0 ._119UL {
1769
- margin-top: 30px;
1770
- display: flex;
1771
- justify-content: center;
1772
- align-items: center;
1773
- flex-direction: column;
1774
- }
1775
-
1776
- ._34-k0 ._119UL ._tlvnI {
1777
- display: flex;
1778
- justify-content: center;
1779
- align-items: center;
1780
- margin-bottom: 10px;
1781
- }
1782
-
1783
- ._34-k0 ._119UL ._rKYWD {
1784
- width: 12px;
1785
- height: 12px;
1786
- margin-right: 8px;
1787
- border-radius: 2px;
1788
- }
1789
-
1790
- ._34-k0 ._119UL ._2Ehxf {
1791
- padding-right: 8px;
1792
- color: #4d4d4d;
1793
- letter-spacing: 0.01em;
1794
- font-weight: 400;
1795
- font-size: 16px;
1796
- font-family: "Roboto";
1797
- }
1798
-
1799
- ._L1RnZ {
1800
- padding-right: 10px;
1801
- padding-left: 10px;
1802
- padding-bottom: 10px;
1803
- }
1804
-
1805
- ._L1RnZ ._hEgnv {
1806
- position: absolute;
1807
- right: 35px;
1808
- top: 10px;
1809
- display: flex;
1810
- justify-content: flex-end;
1811
- flex-wrap: wrap;
1812
- width: 150px;
1813
- }
1814
-
1815
- ._L1RnZ ._hEgnv label {
1816
- color: #333333;
1817
- font-weight: 500;
1818
- font-size: 14px;
1819
- align-items: center;
1820
- text-align: right;
1821
- color: #333333;
1822
- margin-bottom: 5px;
1823
- font-family: "Roboto";
1824
- }
1825
-
1826
- ._L1RnZ ._hEgnv span {
1827
- font-weight: 400;
1828
- font-size: 14px;
1829
- line-height: 16px;
1830
- text-align: right;
1831
- color: #4d4d4d;
1832
- font-family: "Roboto";
1833
- }
1834
-
1835
- ._18zab {
1836
- position: relative;
1837
- }
1838
-
1839
- ._18zab ._1NRsG {
1840
- width: 100%;
1841
- bottom: 40px;
1842
- position: relative;
1843
-
1844
- }
1845
-
1846
- ._18zab ._1jDpB {
1847
- width: 80%;
1848
- margin: 35px auto 0px;
1849
- display: flex;
1850
- justify-content: space-between;
1851
- align-items: center;
1852
- }
1853
-
1854
- ._18zab ._1jDpB div {
1855
- font-family: "Roboto";
1856
- font-weight: 600;
1857
- font-size: 12px;
1858
- }
1859
-
1860
- ._18zab ._93MRp {
1861
- display: flex;
1862
- justify-content: center;
1863
- position: relative;
1864
- bottom: 20px;
1865
- }
1866
-
1867
- ._18zab ._93MRp ._27ojF {
1868
- display: flex;
1869
- margin-right: 20px;
1870
- align-items: center;
1871
- }
1872
-
1873
- ._18zab ._93MRp ._rKYWD {
1874
- width: 10px;
1875
- height: 10px;
1876
- margin-right: 5px;
1877
- border-radius: 2px;
1878
- }
1879
-
1880
- ._18zab ._93MRp ._3hlTa {
1881
- font-family: "Roboto";
1882
- font-weight: 400;
1883
- font-size: 14px;
1884
- letter-spacing: 0.01em;
1885
- color: #4d4d4d;
1886
- margin-bottom: 0;
1887
- margin: 0;
1888
- }
1889
-
1890
- ._18zab ._93MRp ._1LGIl {
1891
- display: flex;
1892
- justify-content: center;
1893
- align-items: center;
1894
- margin-right: 10px;
1895
- }
1896
-
1897
- ._18zab ._93MRp ._EIKHR {
1898
- font-weight: 400;
1899
- font-size: 16px;
1900
- letter-spacing: 0.01em;
1901
- color: #252733;
1902
- font-family: "Roboto";
1903
- }
1904
-
1905
- ._18zab ._3ipHU {
1906
- position: absolute;
1907
- right: 22px;
1908
- top: 20px
1909
- }
1910
-
1911
- ._18zab ._3ipHU ._35mGN {
1912
- margin-bottom: 22.5px;
1913
- font-weight: 400;
1914
- font-size: 12px;
1915
- text-align: center;
1916
- letter-spacing: 0.01em;
1917
- color: #9a9a9a;
1918
- font-family: "Roboto";
1919
- }
1920
-
1921
- ._18zab ._1769M {
1922
- position: relative;
1923
- }
1924
-
1925
- ._18zab ._ton1p {
1926
- padding-right: 50px;
1927
- }
1928
-
1929
- ._2LTMk {
1930
- width: 100%;
1931
- text-align: center;
1932
- font-weight: 400;
1933
- font-size: 16px;
1934
- text-align: right;
1935
- letter-spacing: 0.01em;
1936
- color: #808080;
1937
- display: flex;
1938
- justify-content: center;
1939
- align-items: center;
1940
- font-family: "Roboto";
1941
- }
1942
-
1943
-
1944
- ._3f2-D {
1945
- font-size: 24px;
1946
- font-weight: 700;
1947
- margin-bottom: 5px !important;
1948
- font-family: "Roboto";
1949
- }
1950
-
1951
- ._19k86 {
1952
- font-size: 16px;
1953
- font-weight: 400;
1954
- margin-bottom: 5px !important;
1955
- }
1956
-
1957
- ._2ZpLB {
1958
- display: flex !important;
1959
- align-items: center;
1960
- }
1961
-
1962
- ._jLDZ4 {
1963
- font-size: 16px;
1964
- font-weight: 400;
1965
- font-family: "Roboto";
1966
- }
1967
-
1968
- ._2sMK7 {
1969
- background-color: #28BE76;
1970
- }
1971
- ._2KJYt ._1E7vX{
1972
- font-weight: 400;
1973
- font-size: 16px;
1974
- text-align: center;
1975
- letter-spacing: 0.01em;
1976
- color: #808080;
1977
- margin-bottom: 20px;
1978
- font-family: "Roboto";
1979
- }
1980
-
1981
-
1982
- ._3Xggx {
1983
- position: absolute;
1984
- /* opacity: 0; */
1985
- z-index: -999;
1986
- left: 0;
1987
- top: 0;
1988
- }
1989
-
1990
- ._3Xggx > img {
1991
- /* width: 100%; */
1992
- /* height: 100%; */
1993
- /* object-fit: cover; */
1994
- }
1995
-
1996
- ._3zQW_ {
1997
- position: absolute;
1998
- z-index: -9999;
1999
- width: 1792px;
2000
- opacity: 0;
2001
- top: -35px;
2002
- left: -630px;
2003
- }
2004
-
2005
- ._34-k0 {
2006
- height: 100%;
2007
- display: flex;
2008
- justify-content: center;
2009
- flex-direction: column;
2010
- justify-content: space-between;
2011
- }
2012
- ._34-k0 ._2HMn5 {
2013
- width: 100%;
2014
- }
2015
- ._34-k0 ._xbK6p {
2016
- width: 100%;
2017
- @media only screen and (min-width: 1200px) and (max-width: 1280px) {
2018
- /* height: 55%; */
2019
- /* bottom: 86px; */
2020
- }
2021
- }
2022
- ._1qtzK, ._g4q-z, ._9ibzA {
2023
- box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
2024
- border-radius: 20px;
2025
- padding: 10px;
2026
- margin-left: unset !important;
2027
- margin-right: unset !important;
2028
- }
2029
-
2030
- ._1E7vX {
2031
- font-size: 20px;
2032
- font-weight: 700;
2033
- padding: 10px;
2034
- margin-bottom: 0 !important;
2035
- font-family: 'Montserrat-Bold' !important;
2036
- }
2037
-
2038
- ._1s7DG {
2039
- display: flex;
2040
- align-items: center;
2041
- justify-content: space-between;
2042
- }
2043
-
2044
-
2045
- ._12jqi,
2046
- ._2rwg5 {
2047
- background-color: #fff;
2048
- }
2049
-
2050
- ._12jqi {
2051
- padding-bottom: 10px;
2052
- width: 100%;
2053
- }
2054
-
2055
- ._12jqi ._3iwnG {
2056
- padding-left: 10px;
2057
- }
2058
-
2059
- ._n_lnI {
2060
- padding-right: 50px;
2061
- }
2062
-
2063
- ._12jqi ._rKYWD {
2064
- width: 10px;
2065
- height: 10px;
2066
- margin-right: 5px;
2067
- border-radius: 2px;
2068
- }
2069
-
2070
- ._12jqi ._n_lnI ._3hlTa {
2071
- font-weight: 400;
2072
- font-size: 14px;
2073
- letter-spacing: 0.01em;
2074
- color: #4d4d4d;
2075
- margin-bottom: 0;
2076
- font-family: "Roboto";
2077
- }
2078
-
2079
- ._12jqi ._1LGIl {
2080
- display: flex;
2081
- justify-content: center;
2082
- align-items: center;
2083
- margin-right: 10px;
2084
- }
2085
-
2086
- ._12jqi ._EIKHR {
2087
- font-weight: 400;
2088
- font-size: 16px;
2089
- letter-spacing: 0.01em;
2090
- color: #252733 !important;
2091
- font-family: "Roboto";
2092
- }
2093
-
2094
- ._12jqi ._1mr1m > label {
2095
- font-weight: 600;
2096
- font-size: 18px;
2097
- color: #252733 !important;
2098
- font-family: "Roboto";
2099
- }
2100
-
2101
- ._E_ciE {
2102
- width: 100%;
2103
- padding: 20px;
2104
- display: flex;
2105
- flex-wrap: wrap;
2106
- }
2107
-
2108
- ._E_ciE ._27ojF {
2109
- display: flex;
2110
- justify-content: center;
2111
- align-items: center;
2112
- }
2113
- ._5wSJP {
2114
- display: flex;
2115
- padding-right: 15px;
2116
-
2117
- }
2118
-
2119
- ._5wSJP ._1h1ro {
2120
- padding-right: 5px;
2121
- display: flex;
2122
- align-items: center;
2123
- }
2124
-
2125
-
2126
- ._EIKHR {
2127
- font-family: "Roboto" !important;
2128
- font-weight: 400;
2129
- margin-top: 2px;
2130
- }
2131
- ._2MTrM {
2132
- display: flex;
2133
- justify-content: space-evenly;
2134
- }
2135
-
2136
- ._2MTrM ._2kriq {
2137
- display: flex;
2138
- align-items: center;
2139
- }
2140
-
2141
- ._2MTrM ._jOIdn {
2142
- width: 15px;
2143
- height: 15px;
2144
- border-radius: 2px;
2145
- margin-right: 5px;
2146
- }
2147
-
2148
- ._1bZCU{
2149
- display: none;
2150
- }
2151
-
2152
- @media (max-width: 576px) {
2153
- ._2n_zv{
2154
- padding: 0 10px;
2155
- }
2156
-
2157
- ._1bZCU{
2158
- display: block;
2159
- background: #ffffff;
2160
- border: 1px solid #ebeff2;
2161
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
2162
- border-radius: 8px;
2163
- }
2164
-
2165
- ._FjhpG{
2166
- gap: 6px;
2167
- }
2168
-
2169
- ._4SQcs{
2170
- gap: 8px;
2171
- }
2172
-
2173
- ._5wSJP{
2174
- padding-right: 6px;
2175
- width: 100%;
2176
- max-width: 130px;
2177
- align-items: start;
2178
- }
2179
-
2180
- ._5wSJP label {
2181
- display: flex;
2182
- align-items: center;
2183
- }
2184
-
2185
- ._n_lnI{
2186
- padding-right: 6px;
2187
- width: 100%;
2188
- max-width: 130px;
2189
- }
2190
-
2191
- ._n_lnI > ._27ojF{
2192
- justify-content: start;
2193
- align-items: baseline;
2194
- }
2195
-
2196
- ._n_lnI label {
2197
- display: flex;
2198
- align-items: center;
2199
- }
2200
-
2201
- }
2202
-
2203
- @media (min-width: 577px) and (max-width: 768px) {
2204
- ._2n_zv{
2205
- padding: 0 15px;
2206
- }
2207
- }
2208
-
2209
- @media (max-width: 768px) {
2210
- ._34-k0{
2211
- padding-top: 2rem;
2212
- padding-bottom: 2rem;
2213
- }
2214
-
2215
- ._xbK6p {
2216
- height: 100%;
2217
- display: flex;
2218
- flex-direction: column;
2219
- align-items: center;
2220
- }
2221
-
2222
- ._2MTrM{
2223
- gap: 20px;
2224
- }
2225
- }
2226
-
2227
- @media (min-width: 577px) and (max-width: 1023px) {
2228
- ._5wSJP{
2229
- padding-right: 0;
2230
- width: 100%;
2231
- max-width: 180px;
2232
- }
2233
- ._5wSJP label {
2234
- display: flex;
2235
- align-items: center;
2236
- }
2237
- ._n_lnI{
2238
- padding-right: 0;
2239
- width: 100%;
2240
- max-width: 130px;
2241
- }
2242
- ._n_lnI > ._27ojF{
2243
- justify-content: start;
2244
- }
2245
- ._n_lnI label {
2246
- display: flex;
2247
- align-items: center;
2248
- }
2249
- }
2250
-
2251
- @media (min-width: 2100px) {
2252
- ._2MTrM{
2253
- gap: 50px;
2254
- justify-content: start;
2255
- margin-left: 78px;
2256
- }
1
+ /* add css module styles here (optional) */
2
+ :root {
3
+ --custom-gray: #ccc;
4
+ --custom-blue: #0090e3;
5
+ }
6
+
7
+ ._3ybTi {
8
+ margin: 2em;
9
+ padding: 0.5em;
10
+ border: 2px solid #000;
11
+ font-size: 2em;
12
+ text-align: center;
13
+ }
14
+ ._1H0W8 {
15
+ height: 426px !important;
16
+ }
17
+ tbody._b-AXV {
18
+ height: 300px;
19
+ display: block;
20
+ width: 370px;
21
+ overflow: auto;
22
+ border: 2px solid #ced4da;
23
+ margin-top: 15px;
24
+ }
25
+ tbody._b-AXV::-webkit-scrollbar {
26
+ width: 10px;
27
+ background-color: #ced4da;
28
+ }
29
+ tbody._b-AXV tr td {
30
+ display: block;
31
+ width: 100%;
32
+ border: none;
33
+ }
34
+ tbody._b-AXV tr {
35
+ overflow: hidden;
36
+ text-overflow: ellipsis;
37
+ display: -webkit-box;
38
+ -webkit-line-clamp: 2;
39
+ -webkit-box-orient: vertical;
40
+ }
41
+
42
+ ._1fgfO {
43
+ width: 40px;
44
+ height: 40px;
45
+ }
46
+
47
+ ._2YR4l {
48
+ width: 40px;
49
+ height: 20px;
50
+ border-radius: 4px;
51
+ box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
52
+ }
53
+
54
+ ._114IY {
55
+ max-height: 600px;
56
+ }
57
+
58
+ ._qE7J0 {
59
+ width: 70px;
60
+ }
61
+
62
+ ._2BV3o {
63
+ width: 300px;
64
+ font-size: 1.5rem;
65
+ font-weight: 600;
66
+ }
67
+
68
+ ._1P4F2 {
69
+ height: 40px;
70
+ }
71
+
72
+ ._1SRmg {
73
+ font-weight: 500;
74
+ }
75
+ ._ZDINp img {
76
+ width: 100px;
77
+ height: 100px;
78
+ border-radius: 50%;
79
+ }
80
+
81
+ ._Kzkzd > i {
82
+ color: #f9e517;
83
+ font-size: 25px;
84
+ margin-right: 10px;
85
+ }
86
+
87
+ ._Q0sF1 {
88
+ max-height: calc(100vh - 200px);
89
+ overflow-y: auto;
90
+ margin-bottom: 8px;
91
+ }
92
+
93
+ ._gu_yD {
94
+ font-weight: 550;
95
+ padding: 8px 16px;
96
+ border: 1px solid var(--custom-gray);
97
+ border-radius: 4px;
98
+ margin-bottom: 8px;
99
+ background-color: white;
100
+ }
101
+
102
+ ._33tYy {
103
+ background-color: var(--custom-blue);
104
+ color: white;
105
+ }
106
+
107
+ ._2VZin {
108
+ background: #fff;
109
+ border: 1px solid rgba(51, 51, 51, 0.1);
110
+ border-radius: 6px;
111
+ padding: 10px 17px;
112
+ margin-bottom: 10px;
113
+ }
114
+
115
+ ._2VZin ._2M0vR{
116
+ font-family: 'Roboto';
117
+ font-style: normal;
118
+ font-weight: 400;
119
+ font-size: 13px;
120
+ }
121
+
122
+ ._1d6uY {
123
+ margin-right: 10px;
124
+ position: relative;
125
+ }
126
+
127
+ ._1d6uY:last-child {
128
+ margin-right: 0;
129
+ }
130
+
131
+ @media (max-width: 576px) {
132
+ ._2VZin{
133
+ width: 100%;
134
+ }
135
+ ._2VZin > svg{
136
+ margin-left: auto;
137
+ }
138
+ ._1d6uY{
139
+ margin-right: 0;
140
+ }
141
+ }
142
+
143
+ ._1XSIo {
144
+ position: absolute;
145
+ width:100%;
146
+ z-index: 100;
147
+ }
148
+
149
+ ._3o8gR {
150
+ display: none;
151
+ }
152
+
153
+ ._3ru37 {
154
+ background: #ffff;
155
+ border-radius: 4px;
156
+ min-width: 160px;
157
+ padding: 5px 0px 12px;
158
+ overflow: auto;
159
+ overflow-x: hidden;
160
+ border: 1px solid rgba(51, 51, 51, 0.1);
161
+ box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.05);
162
+ }
163
+
164
+ ._1tQvL {
165
+ position: absolute;
166
+ opacity: 0;
167
+ visibility: hidden;
168
+ }
169
+
170
+ ._1tQvL:checked + ._3VNX5::before {
171
+ border: 0.35rem solid #3c65e0;
172
+ }
173
+
174
+ ._3VNX5::before {
175
+ display: inline-block;
176
+ content: "";
177
+ height: 1.25rem;
178
+ width: 1.25rem;
179
+ margin-right: 0.625rem;
180
+ border: 0.1rem solid #cccccc;
181
+ background: #fcfcfc;
182
+ border-radius: 50%;
183
+ }
184
+
185
+ ._3VNX5 {
186
+ display: flex;
187
+ align-items: center;
188
+ margin: 15px 0;
189
+ }
190
+
191
+ ._3VNX5 > p {
192
+ margin-bottom: 0;
193
+ }
194
+
195
+ ._I8kqz {
196
+ position: absolute;
197
+ z-index: 999;
198
+ }
199
+
200
+ ._3xuSa {
201
+ display: flex;
202
+ align-items: center;
203
+ justify-content: flex-end;
204
+ }
205
+
206
+ ._15ep6 {
207
+ display: flex;
208
+ width: 40%;
209
+ padding-bottom: 10px;
210
+ }
211
+ ._1WxAe {
212
+ border-right: 1px solid #d8dbe0;
213
+ height: 100vh;
214
+ padding: 20px 0px 35px 0px;
215
+ margin: 0;
216
+ }
217
+ ._3_Ed7 {
218
+ text-align: center;
219
+ margin-bottom: 25px;
220
+ cursor: pointer;
221
+ height: 260px;
222
+ }
223
+
224
+ ._3_Ed7 h5 {
225
+ font-size: 15px;
226
+ }
227
+ ._3uUiv {
228
+ height: 200px;
229
+ border-radius: 10px;
230
+ background: #fff;
231
+ box-shadow: 0px 0px 10px 5px #cdcdcd;
232
+ margin-bottom: 12px;
233
+ }
234
+ ._3_Ed7._3sodH ._3uUiv {
235
+ box-shadow: 0px 0px 10px 5px #3c65e0;
236
+ }
237
+ ._3_Ed7._3sodH h5 {
238
+ font-size: 15px;
239
+ color: #3c65e0;
240
+ }
241
+
242
+ ._Az5Kt {
243
+ padding: 15px;
244
+ display: flex;
245
+ border-bottom: 1px solid #d8dbe0;
246
+ position: sticky;
247
+ justify-content: space-between;
248
+ align-items: center;
249
+ }
250
+ ._Az5Kt h5 {
251
+ font-size: 15px;
252
+ margin-bottom: 0px;
253
+ }
254
+ ._1Jrg_ {
255
+ padding: 15px 20px;
256
+ }
257
+
258
+ ._1Y5i2 ._ejcrg {
259
+ display: none;
260
+ }
261
+ ._3DVMZ {
262
+ display: flex;
263
+ flex: 0 0 17%;
264
+ flex-direction: column;
265
+ margin-right: 2rem;
266
+ }
267
+ ._3DVMZ > div {
268
+ border: 1px solid #eaeaea;
269
+ }
270
+ h6._3zOGW {
271
+ text-decoration: underline;
272
+ font-size: 13px;
273
+ cursor: pointer;
274
+ }
275
+ ._3DQwX {
276
+ padding: 10px 0px 20px;
277
+ border-bottom: 1px solid #cdcdcd;
278
+ }
279
+
280
+ ._1Jgr2 {
281
+ padding: 16px;
282
+ min-height: 530px;
283
+ height: 100%;
284
+ display: flex;
285
+ flex-direction: column;
286
+ background: #ffffff;
287
+ border: 1px solid #ebeff2;
288
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
289
+ border-radius: 8px;
290
+ margin-bottom: 20px;
291
+ }
292
+
293
+ ._3Thdy {
294
+ max-width: 200px;
295
+ }
296
+
297
+ ._1WLBo {
298
+ font-size: 20px;
299
+ }
300
+
301
+ ._10Pgm {
302
+ /* background: #E5E5E5; */
303
+ }
304
+
305
+ ._3jPb_ {
306
+ font-size: 30px;
307
+ }
308
+
309
+ ._1c43y {
310
+ color: #fc4747;
311
+ }
312
+
313
+ ._F1afY {
314
+ color: #0dc16a;
315
+ }
316
+
317
+ ._1kqUQ {
318
+ background: #f6f6f6;
319
+ }
320
+
321
+ ._10hbz {
322
+ font-weight: bold;
323
+ font-size: 14px;
324
+ line-height: 16px;
325
+ }
326
+
327
+ ._2rmw_ {
328
+ font-weight: 700;
329
+ font-size: 32px;
330
+ line-height: 100%;
331
+ margin: 0;
332
+ }
333
+
334
+ ._1tdQu {
335
+ font-weight: 600;
336
+ font-size: 12px;
337
+ line-height: 14px;
338
+ }
339
+
340
+ ._2BvFN {
341
+ font-weight: 400;
342
+ font-size: 10px;
343
+ line-height: 12px;
344
+ }
345
+
346
+ ._10hbz,
347
+ ._2rmw_,
348
+ ._1tdQu,
349
+ ._2BvFN {
350
+ font-family: "Roboto", sans-serif;
351
+ }
352
+
353
+ ._2TBTW {
354
+ margin: 10px 0;
355
+ }
356
+
357
+ ._3XXJp {
358
+ width: 35px;
359
+ color: #0d9994;
360
+ text-align: center;
361
+ }
362
+
363
+ ._LCuWQ {
364
+ background: #cef7f5;
365
+ color: #0d9994;
366
+ border-radius: 8px;
367
+ }
368
+
369
+ ._3x9D7 {
370
+ color: #1da370;
371
+ }
372
+
373
+ ._2In63 {
374
+ border: none;
375
+ background: #fff;
376
+ }
377
+
378
+ ._1Vhg_ {
379
+ display: flex;
380
+ justify-content: space-between;
381
+ width: 100%;
382
+ }
383
+
384
+ ._6yLxd {
385
+ min-width: 200px;
386
+ margin-bottom: 10px;
387
+ height: 100%;
388
+ background-color: hsl(0, 0%, 100%);
389
+ border-color: hsl(0, 0%, 80%);
390
+ border-radius: 4px;
391
+ border-style: solid;
392
+ border-width: 1px;
393
+ padding: 8px;
394
+ width: 100%;
395
+ }
396
+
397
+ ._h74SO {
398
+ display: flex;
399
+ justify-content: flex-start;
400
+ flex-wrap: wrap;
401
+ padding: 0px 16px;
402
+ }
403
+
404
+ ._3e2pi {
405
+ display: flex;
406
+ justify-content: flex-end;
407
+ flex-wrap: wrap;
408
+ max-width: 700px;
409
+ }
410
+
411
+ ._ntUB6 {
412
+ min-width: 200px;
413
+ margin-left: 20px;
414
+ margin-bottom: 10px;
415
+ height: 38px;
416
+ }
417
+
418
+ ._1DlZ4 {
419
+ width: 220px;
420
+ margin-right: 20px;
421
+ margin-bottom: 10px;
422
+ height: 38px;
423
+ }
424
+
425
+ ._1tYDM {
426
+ max-width: 440px;
427
+ display: flex;
428
+ flex-wrap: wrap;
429
+ }
430
+
431
+ ._3hSow {
432
+ background: #ffffff;
433
+ border: 1px solid #ebeff2;
434
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
435
+ border-radius: 8px;
436
+ }
437
+
438
+ ._1yuC9 {
439
+ min-width: 255px;
440
+ flex-basis: 19%;
441
+ }
442
+
443
+ ._1yuC9 ._10hbz {
444
+ font-family: 'Roboto';
445
+ font-weight: 500;
446
+ font-size: 14px;
447
+ line-height: 16px;
448
+ }
449
+
450
+ ._1yuC9:last-child {
451
+ padding: 20px 0px !important;
452
+ }
453
+
454
+ ._1yuC9:last-child div {
455
+ width: 80%;
456
+ margin: 0 auto;
457
+ }
458
+
459
+ ._2PMoX {
460
+ height: auto;
461
+ width: 100%;
462
+ -o-object-fit: scale-down;
463
+ object-fit: scale-down;
464
+ max-height: 300px;
465
+ }
466
+
467
+ ._2PMoX._3ZX0b {
468
+ height: 300px;
469
+ width: 100%;
470
+ -o-object-fit: scale-down;
471
+ object-fit: scale-down;
472
+ }
473
+
474
+ ._2asi- ._muT01 ._35BzZ {
475
+ font-size: 20px;
476
+ }
477
+
478
+ ._2asi- {
479
+ overflow: hidden;
480
+ max-height: 470px;
481
+ }
482
+
483
+ @media (min-width: 1024px) {
484
+ ._3pkbc {
485
+ max-width: 60%;
486
+ }
487
+
488
+ ._16MpB {
489
+ max-width: 55%;
490
+ }
491
+ }
492
+
493
+ ._CHu-i {
494
+ font-weight: 700;
495
+ font-size: 24px;
496
+ line-height: 116%;
497
+ }
498
+
499
+ ._3Y-Dd {
500
+ overflow: hidden;
501
+ height: 416px;
502
+ }
503
+
504
+ @media (min-width: 2250px) {
505
+ ._3Y-Dd {
506
+ width: 100%;
507
+ display: flex;
508
+ justify-content: center;
509
+ align-items: center;
510
+ }
511
+ }
512
+
513
+ @media (max-width: 720px) {
514
+ ._1YJnk {
515
+ padding-right: 20px;
516
+ }
517
+ }
518
+
519
+
520
+ /* new design; */
521
+ ._2eMbe {
522
+ box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
523
+ }
524
+
525
+ ._6ZvFg {
526
+ border-radius: 8px;
527
+ overflow: hidden;
528
+ position: relative;
529
+ }
530
+
531
+ ._24CNV._6ZvFg::after {
532
+ content: "";
533
+ width: 1px;
534
+ height: 100%;
535
+ position: absolute;
536
+ top: 0;
537
+ left: 50%;
538
+ transform: translate(-50%, 0);
539
+ display: block;
540
+ background: rgba(51, 51, 51, 0.1);
541
+ }
542
+
543
+ ._6ZvFg ._2vtSi {
544
+ background: #FFFFFF;
545
+ border-radius: 8px;
546
+ padding: 20px;
547
+ /* cursor: pointer; */
548
+ }
549
+
550
+ ._IpsVf {}
551
+
552
+ ._IpsVf ._gzxWe {
553
+ color: "#B2B2B2";
554
+ font-size: 18px;
555
+ }
556
+
557
+ ._2vtSi ._37IcR {
558
+ color: #D9D9D9;
559
+ display: flex;
560
+ align-items: center;
561
+ }
562
+
563
+ ._2vtSi ._2G6Wz {
564
+ font-weight: 700;
565
+ font-size: 20px;
566
+ letter-spacing: 0.01em;
567
+ color: #262626;
568
+ font-family: "Roboto";
569
+ }
570
+
571
+ ._2vtSi ._IpsVf {
572
+ /* display: flex;
573
+ align-items: center; */
574
+ display: block;
575
+ }
576
+
577
+ ._3xpNv {
578
+ border-radius: 4px;
579
+ background: #ffff;
580
+ }
581
+
582
+ ._3H5Ly {
583
+ padding: 6px 12px 6px 0px;
584
+ border-radius: 0 4px 4px 0;
585
+ background: #336DDA;
586
+ color: #fff;
587
+ }
588
+
589
+ ._J_n-D {
590
+ padding: 5px 8px 7px 6px;
591
+ border-radius: 4px 0 0 4px;
592
+ background: #336DDA;
593
+ }
594
+
595
+ ._2vtSi ._3AALV {
596
+ font-size: 16px;
597
+ }
598
+
599
+ ._11Xjn {
600
+ cursor: pointer;
601
+ }
602
+
603
+ ._2vtSi ._2htKu {
604
+ cursor: pointer;
605
+ transition: transform 333ms ease-out, color 333ms;
606
+ }
607
+
608
+ ._q1nUO {
609
+ transform: rotate(-180deg);
610
+ }
611
+
612
+ ._s8xMf {
613
+ display: flex;
614
+ align-items: center;
615
+ justify-content: space-between;
616
+ padding: 0 20px;
617
+ }
618
+
619
+ ._tHUJ_ {
620
+ display: flex;
621
+ justify-content: space-between;
622
+ align-items: center;
623
+ flex-wrap: wrap;
624
+ margin: -12px 0;
625
+ width: 100%;
626
+ }
627
+
628
+ ._3xKHX {
629
+ text-align: center;
630
+ color: #242424;
631
+ font-style: normal;
632
+ font-weight: 600 !important;
633
+ font-size: 12px !important;
634
+ line-height: 18px !important;
635
+ margin-bottom: 25px !important;
636
+ }
637
+
638
+ ._pFFg9 {
639
+ font-size: 16px;
640
+ font-weight: 700;
641
+ padding: 10px;
642
+ margin-bottom: 0 !important;
643
+ font-family: 'Montserrat-Bold' !important;
644
+ }
645
+
646
+ ._pFFg9 > a {
647
+ font-size: inherit;
648
+ font-weight: inherit;
649
+ font-family: inherit!important;
650
+ color: inherit;
651
+ }
652
+
653
+ ._pFFg9 > a:hover {
654
+ color: #336DDA;
655
+ text-decoration: underline;
656
+ }
657
+
658
+ ._3hqV3 {
659
+ margin-left: 10px;
660
+ font-style: normal;
661
+ font-weight: 400;
662
+ font-size: 12px;
663
+ line-height: 18px;
664
+ color: #242424;
665
+ opacity: 0.4;
666
+ }
667
+
668
+ ._3rdqX {
669
+ font-family: 'Poppins-SemiBold';
670
+ font-style: normal;
671
+ font-weight: 600;
672
+ font-size: 16px;
673
+ line-height: 32px;
674
+ margin-bottom: 0;
675
+ }
676
+ ._nwv00 {
677
+ cursor: pointer;
678
+ }
679
+ ._nwv00:hover {
680
+ transform: scale(1.2);
681
+ transition: transform .2s;
682
+ }
683
+
684
+ ._29aQo {
685
+ padding: 10px;
686
+ border-radius: 8px;
687
+ border: none;
688
+ background: #242424;
689
+ }
690
+
691
+ ._2SJIY {
692
+ color: #FFFFFF;
693
+ font-weight: 400;
694
+ font-size: 12px;
695
+ line-height: 18px;
696
+ margin: 0 0 10px;
697
+
698
+ }
699
+
700
+ ._2lZv_ {
701
+ width: 4px;
702
+ height: 18px;
703
+ border-radius: 3px;
704
+ margin-right: 10px;
705
+ }
706
+
707
+ ._8NzTd {
708
+ display: flex;
709
+ align-items: center;
710
+ margin: 0;
711
+ height: 18px;
712
+ padding-right: 10px;
713
+ }
714
+
715
+ ._1EP1I {
716
+ display: flex;
717
+ align-items: center;
718
+ }
719
+
720
+ ._1J69a {
721
+ color: #FFFFFF;
722
+ font-weight: 400;
723
+ font-size: 12px;
724
+ line-height: 18px;
725
+ margin-right: 5px;
726
+ margin-bottom: 0;
727
+ }
728
+
729
+ ._3-8OW {
730
+ color: #FFFFFF;
731
+ font-weight: 400;
732
+ font-size: 12px;
733
+ line-height: 18px;
734
+ margin-bottom: 0;
735
+ }
736
+
737
+ ._2htKu svg {
738
+ width: 20px !important;
739
+ height: auto !important;
740
+ }
741
+
742
+ ._2vtSi ._1qXAT {
743
+ font-weight: 400;
744
+ font-size: 16px;
745
+ line-height: 100%;
746
+ color: #252733;
747
+ }
748
+
749
+ ._3NgrB,
750
+ ._32fu3 {
751
+ background-color: #fff;
752
+ }
753
+
754
+ ._3NgrB {
755
+ padding-bottom: 10px;
756
+ }
757
+
758
+ ._3NgrB ._DmMzw {
759
+ padding-left: 10px;
760
+ }
761
+
762
+ ._3NgrB ._1eUXn {
763
+ width: 10px;
764
+ height: 10px;
765
+ margin-right: 5px;
766
+ border-radius: 2px;
767
+ }
768
+
769
+ ._3NgrB ._3hrrC ._Q-iiW {
770
+ font-weight: 400;
771
+ font-size: 14px;
772
+ letter-spacing: 0.01em;
773
+ color: #4d4d4d;
774
+ margin-bottom: 0;
775
+ font-family: 'Roboto';
776
+ }
777
+
778
+ ._3NgrB ._cD4ey {
779
+ display: flex;
780
+ justify-content: center;
781
+ align-items: center;
782
+ margin-right: 10px;
783
+ }
784
+
785
+ ._3NgrB {
786
+ font-weight: 400;
787
+ font-size: 16px;
788
+ letter-spacing: 0.01em;
789
+ color: #252733 !important;
790
+ font-family: "Roboto";
791
+ }
792
+
793
+ ._3NgrB ._2HWhv>label {
794
+ font-weight: 600;
795
+ font-size: 18px;
796
+ color: #252733 !important;
797
+ font-family: "Roboto";
798
+ }
799
+
800
+ ._2Hdbu {
801
+ width: 100%;
802
+ padding: 20px;
803
+ }
804
+
805
+ ._2Hdbu, ._3RJ2T {
806
+ display: flex;
807
+ align-items: center;
808
+ flex-wrap: wrap;
809
+ }
810
+
811
+ ._3dK0P {
812
+ display: flex;
813
+ padding-right: 15px;
814
+ align-items: flex-start;
815
+ width: -webkit-fit-content;
816
+ width: -moz-fit-content;
817
+ width: fit-content;
818
+ max-width: 200px;
819
+ }
820
+
821
+ ._1bHgZ {
822
+ margin-right: 10px;
823
+ }
824
+
825
+ ._QwDVv {
826
+ padding-right: 5px;
827
+ display: flex;
828
+ align-items: center;
829
+ }
830
+ ._1QgWc {
831
+ width: 100%
832
+ }
833
+ ._348ls {
834
+ display: flex;
835
+ display: flex;
836
+ align-items: center;
837
+ }
838
+ ._1VfnR {
839
+ font-style: normal;
840
+ font-weight: 700;
841
+ font-size: 12px;
842
+ line-height: 18px;
843
+ font-family: 'Poppins-Bold';
844
+ margin-bottom: 0;
845
+ }
846
+
847
+ ._3eW34 {
848
+ display: flex;
849
+ align-items: center;
850
+ }
851
+
852
+ ._1bljF {
853
+ display: flex;
854
+ align-items: center;
855
+ }
856
+ ._30y0h {
857
+ font-weight: 600;
858
+ font-size: 12px;
859
+ line-height: 18px;
860
+ margin-bottom: 0;
861
+ }
862
+
863
+ ._1HtM3 {
864
+ width: 8px;
865
+ }
866
+ ._3qqQU {
867
+ font-size: 14px;
868
+ margin-right: 5px;
869
+ color: #0F9655;
870
+ fill: #0F9655;
871
+ }
872
+ ._2Fgfn {
873
+ font-weight: 600;
874
+ font-size: 12px;
875
+ line-height: 18px;
876
+ margin-right: 5px;
877
+ margin-bottom: 0;
878
+ }
879
+ ._1yXO7 {
880
+ font-size: 14px;
881
+ margin-right: 5px;
882
+ color: #C44140;
883
+ fill: #C44140;
884
+ }
885
+ ._2JNm- {
886
+ width: 8px;
887
+ height: 8px;
888
+ border-radius: 50%;
889
+ margin-right: 10px;
890
+ }
891
+
892
+ ._3hrrC {
893
+ padding-right: 50px;
894
+ }
895
+ ._38ikt{
896
+ /* height: 410px; */
897
+ }
898
+
899
+ ._38ikt ._1TnWs {
900
+ position: absolute;
901
+ right: 60px;
902
+ display: flex;
903
+ justify-content: flex-end;
904
+ flex-wrap: wrap;
905
+ width: 150px;
906
+ }
907
+
908
+ ._38ikt ._1TnWs label {
909
+ color: #333333;
910
+ font-weight: 500;
911
+ font-size: 14px;
912
+ align-items: center;
913
+ text-align: right;
914
+ color: #333333;
915
+ margin-bottom: 5px;
916
+ font-family: "Roboto";
917
+ }
918
+
919
+ ._38ikt ._1TnWs span {
920
+ font-weight: 400;
921
+ font-size: 14px;
922
+ line-height: 16px;
923
+ text-align: right;
924
+ color: #4d4d4d;
925
+ font-family: "Roboto";
926
+ }
927
+
928
+ ._3BTJi ._1Ws0m {
929
+ margin-top: 30px;
930
+ display: flex;
931
+ justify-content: center;
932
+ align-items: center;
933
+ flex-direction: column;
934
+ }
935
+
936
+ ._3BTJi ._1Ws0m ._2HnO_ {
937
+ display: flex;
938
+ justify-content: center;
939
+ align-items: center;
940
+ margin-bottom: 10px;
941
+ }
942
+
943
+ ._3BTJi ._1Ws0m ._1eUXn {
944
+ width: 12px;
945
+ height: 12px;
946
+ margin-right: 8px;
947
+ border-radius: 2px;
948
+ }
949
+
950
+ ._3BTJi ._1Ws0m ._2BFJw {
951
+ padding-right: 8px;
952
+ color: #4d4d4d;
953
+ letter-spacing: 0.01em;
954
+ font-weight: 400;
955
+ font-size: 16px;
956
+ font-family: "Roboto";
957
+ }
958
+
959
+ ._2az-l {
960
+ padding-right: 10px;
961
+ padding-left: 10px;
962
+ padding-bottom: 10px;
963
+ }
964
+
965
+ ._2az-l ._1TnWs {
966
+ position: absolute;
967
+ right: 35px;
968
+ top: 10px;
969
+ display: flex;
970
+ justify-content: flex-end;
971
+ flex-wrap: wrap;
972
+ width: 150px;
973
+ }
974
+
975
+ ._2az-l ._1TnWs label {
976
+ color: #333333;
977
+ font-weight: 500;
978
+ font-size: 14px;
979
+ align-items: center;
980
+ text-align: right;
981
+ color: #333333;
982
+ margin-bottom: 5px;
983
+ font-family: "Roboto";
984
+ }
985
+
986
+ ._2az-l ._1TnWs span {
987
+ font-weight: 400;
988
+ font-size: 14px;
989
+ line-height: 16px;
990
+ text-align: right;
991
+ color: #4d4d4d;
992
+ font-family: "Roboto";
993
+ }
994
+
995
+ ._2j8fp {
996
+ position: relative;
997
+ }
998
+
999
+ ._2j8fp ._1BN5z {
1000
+ width: 100%;
1001
+ bottom: 40px;
1002
+ position: relative;
1003
+
1004
+ }
1005
+
1006
+ ._2j8fp ._1rYav {
1007
+ width: 80%;
1008
+ margin: 35px auto 0px;
1009
+ display: flex;
1010
+ justify-content: space-between;
1011
+ align-items: center;
1012
+ }
1013
+
1014
+ ._2j8fp ._1rYav div {
1015
+ font-family: "Roboto";
1016
+ font-weight: 600;
1017
+ font-size: 12px;
1018
+ }
1019
+
1020
+ ._2j8fp ._TPa6x {
1021
+ padding-right: 50px;
1022
+ }
1023
+
1024
+ ._2j8fp ._3-zAs {
1025
+ display: flex;
1026
+ justify-content: space-around;
1027
+ margin-top: 20px;
1028
+ padding: 0 50px;
1029
+ }
1030
+
1031
+ ._2j8fp ._3-zAs ._3RJ2T {
1032
+ display: flex;
1033
+ margin-right: 20px;
1034
+ align-items: center;
1035
+ }
1036
+
1037
+ ._2j8fp ._3-zAs ._1eUXn {
1038
+ width: 10px;
1039
+ height: 10px;
1040
+ margin-right: 5px;
1041
+ border-radius: 2px;
1042
+ }
1043
+
1044
+ ._2j8fp ._3-zAs ._Q-iiW {
1045
+ font-family: "Roboto";
1046
+ font-weight: 400;
1047
+ font-size: 14px;
1048
+ letter-spacing: 0.01em;
1049
+ color: #4d4d4d;
1050
+ margin-bottom: 0;
1051
+ margin: 0;
1052
+ }
1053
+
1054
+ ._2j8fp ._3-zAs ._cD4ey {
1055
+ display: flex;
1056
+ justify-content: center;
1057
+ align-items: center;
1058
+ margin-right: 10px;
1059
+ }
1060
+
1061
+ ._2j8fp ._3-zAs {
1062
+ font-weight: 400;
1063
+ font-size: 16px;
1064
+ letter-spacing: 0.01em;
1065
+ color: #252733;
1066
+ font-family: "Roboto";
1067
+ }
1068
+
1069
+ ._24PRg {
1070
+ font-weight: 700;
1071
+ font-size: 13px;
1072
+ letter-spacing: 0.01em;
1073
+ color: #252733;
1074
+ font-family: "Roboto";
1075
+ opacity: .56;
1076
+ margin-top: 0;
1077
+ margin-bottom: 0;
1078
+ text-transform: uppercase;
1079
+ font-size: 12px;
1080
+ }
1081
+
1082
+ ._2j8fp ._1PPhv {
1083
+ position: absolute;
1084
+ right: 20px;
1085
+ top: 41px;
1086
+ }
1087
+
1088
+ ._2ZL2A {
1089
+ color: #D3D3D3;
1090
+ font-size: 14px;
1091
+ }
1092
+
1093
+ ._2j8fp ._1PPhv ._1rjWR {
1094
+ margin-bottom: 18px;
1095
+ font-weight: 400;
1096
+ font-size: 13px;
1097
+ text-align: center;
1098
+ letter-spacing: 0.01em;
1099
+ color: #D3D3D3;
1100
+ }
1101
+
1102
+ ._2j8fp ._f-Ti4 {
1103
+ position: relative;
1104
+ }
1105
+
1106
+ ._1hZ_V {
1107
+ width: 100%;
1108
+ text-align: center;
1109
+ font-weight: 400;
1110
+ font-size: 16px;
1111
+ text-align: right;
1112
+ letter-spacing: 0.01em;
1113
+ color: #808080;
1114
+ display: flex;
1115
+ justify-content: center;
1116
+ align-items: center;
1117
+ font-family: "Roboto";
1118
+ }
1119
+
1120
+
1121
+ ._3L9WC {
1122
+ font-size: 24px;
1123
+ font-weight: 700;
1124
+ margin-bottom: 5px !important;
1125
+ font-family: "Roboto";
1126
+ }
1127
+
1128
+ ._1TFtP {
1129
+ font-size: 16px;
1130
+ font-weight: 400;
1131
+ margin-bottom: 5px !important;
1132
+ }
1133
+
1134
+ ._37aqf {
1135
+ display: flex !important;
1136
+ align-items: center;
1137
+ }
1138
+
1139
+ ._1iabV {
1140
+ font-size: 16px;
1141
+ font-weight: 400;
1142
+ font-family: "Roboto";
1143
+ }
1144
+
1145
+ ._1eQAg {
1146
+ background-color: #28BE76;
1147
+ }
1148
+ ._38ikt ._pFFg9{
1149
+ font-weight: 400;
1150
+ font-size: 16px;
1151
+ text-align: center;
1152
+ letter-spacing: 0.01em;
1153
+ color: #808080;
1154
+ margin-bottom: 20px;
1155
+ font-family: "Roboto";
1156
+ }
1157
+
1158
+
1159
+ ._1eqkj {
1160
+ position: absolute;
1161
+ /* opacity: 0; */
1162
+ z-index: -999;
1163
+ bottom: -100vh;
1164
+ right: -100vw;
1165
+ width: 260px;
1166
+ height: 75px;
1167
+ }
1168
+
1169
+ ._1eqkj > img {
1170
+ width: 100%;
1171
+ height: auto;
1172
+ margin-top: -10px;
1173
+ }
1174
+
1175
+ ._2IQ8b {
1176
+ position: fixed;
1177
+ z-index: -9999;
1178
+ width: 800px;
1179
+ opacity: 0;
1180
+ bottom: -100vh;
1181
+ right: -100vw;
1182
+ & > div {
1183
+ width: 100%;
1184
+ & > div {
1185
+ width: 100%;
1186
+ }
1187
+ }
1188
+ }
1189
+
1190
+ ._sQ21k {
1191
+ position: absolute;
1192
+ z-index: -999;
1193
+ right: 0;
1194
+ display: flex;
1195
+ align-items: center;
1196
+ }
1197
+
1198
+ ._3Eas5 {
1199
+ max-height: 430px;
1200
+ }
1201
+
1202
+ ._1tKnn{
1203
+ display: none;
1204
+ }
1205
+
1206
+ @media (max-width: 374px) {
1207
+ ._CHu-i {
1208
+ font-size: 18px;
1209
+ }
1210
+ ._CHu-i + img {
1211
+ width: 36px;
1212
+ height: 36px;
1213
+ }
1214
+ }
1215
+
1216
+ @media (max-width: 576px) {
1217
+ ._10Pgm{
1218
+ padding: 0 10px;
1219
+ }
1220
+
1221
+ ._2j8fp ._TPa6x {
1222
+ padding-right: 10px;
1223
+ }
1224
+
1225
+ ._2j8fp ._1PPhv {
1226
+ display: none;
1227
+ }
1228
+
1229
+ ._1tKnn{
1230
+ display: block;
1231
+ background: #ffffff;
1232
+ border: 1px solid #ebeff2;
1233
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1234
+ border-radius: 8px;
1235
+ }
1236
+
1237
+ ._1Zuq3{
1238
+ gap: 6px;
1239
+ }
1240
+
1241
+ ._2Hdbu {
1242
+ gap: 8px;
1243
+ }
1244
+
1245
+ ._3dK0P {
1246
+ max-width: 150px;
1247
+ }
1248
+
1249
+ ._348ls {
1250
+ align-items: baseline;
1251
+ }
1252
+ }
1253
+
1254
+ @media (min-width: 577px) and (max-width: 992px){
1255
+ ._1i0El {
1256
+ gap: 8px;
1257
+ }
1258
+
1259
+ ._2Hdbu {
1260
+ gap: 8px;
1261
+ }
1262
+ }
1263
+
1264
+ ._vC3Ud {
1265
+ display: flex;
1266
+ }
1267
+
1268
+ ._2ux2o {
1269
+ display: flex;
1270
+ flex-direction: column;
1271
+ justify-content: space-around;
1272
+ align-items: flex-end;
1273
+ padding: 12px 0 35px;
1274
+ margin-right: -10px;
1275
+ }
1276
+
1277
+ ._2ux2o > ._3OL8v {
1278
+ font-size: 13px;
1279
+ color: #D3D3D3;
1280
+ margin-bottom: 0;
1281
+ }
1282
+ ._1g-gv {
1283
+ -webkit-animation: _aoKNi 0.6s infinite linear;
1284
+ animation: _aoKNi 0.6s infinite linear;
1285
+ transform: rotate(0);
1286
+ }
1287
+
1288
+ @-webkit-keyframes _aoKNi {
1289
+ 0% {
1290
+ transform: rotate(0deg);
1291
+ }
1292
+
1293
+ 100% {
1294
+ transform: rotate(360deg);
1295
+ }
1296
+ }
1297
+
1298
+ @keyframes _aoKNi {
1299
+ 0% {
1300
+ transform: rotate(0deg);
1301
+ }
1302
+
1303
+ 100% {
1304
+ transform: rotate(360deg);
1305
+ }
1306
+ }
1307
+ ._1iTWy {
1308
+ margin-left: 1.4rem;
1309
+ }
1310
+
1311
+ ._3XHDS {
1312
+ margin-top: -12px;
1313
+ }
1314
+
1315
+ ._3eCPL{
1316
+ list-style-type: none;
1317
+ }
1318
+
1319
+ ._4NzlA{
1320
+ cursor: pointer;
1321
+ }
1322
+ ._3U9cF {
1323
+ padding: 16px;
1324
+ min-height: 530px;
1325
+ height: 100%;
1326
+ display: flex;
1327
+ flex-direction: column;
1328
+ background: #ffffff;
1329
+ border: 1px solid #ebeff2;
1330
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1331
+ border-radius: 8px;
1332
+ margin-bottom: 20px;
1333
+ }
1334
+
1335
+ ._3lYP4 {
1336
+ max-width: 200px;
1337
+ }
1338
+
1339
+ ._EIKHR {
1340
+ font-family: 'Roboto' !important;
1341
+ font-weight: 400;
1342
+ margin-top: 2px;
1343
+ }
1344
+ ._3waCS {
1345
+ font-size: 20px;
1346
+ }
1347
+
1348
+ ._Dr0mP > div > div > div > div:first-child > p {
1349
+ font-size: 20px
1350
+ }
1351
+
1352
+ ._2aFDQ > div > div:nth-child(2) > div{
1353
+ width: unset!important;
1354
+ }
1355
+
1356
+ ._36sKX {
1357
+ font-size: 30px;
1358
+ }
1359
+
1360
+ ._1TjNf {
1361
+ color: #fc4747;
1362
+ }
1363
+
1364
+ ._i4rwq {
1365
+ color: #0dc16a;
1366
+ }
1367
+
1368
+ ._BlYR7 {
1369
+ background: #f6f6f6;
1370
+ }
1371
+
1372
+ ._3fBK1 {
1373
+ font-weight: bold;
1374
+ font-size: 14px;
1375
+ line-height: 16px;
1376
+ }
1377
+
1378
+ ._2w6yc {
1379
+ font-weight: 700;
1380
+ font-size: 32px;
1381
+ line-height: 100%;
1382
+ margin: 0;
1383
+ }
1384
+
1385
+ ._1aq6C {
1386
+ font-weight: 600;
1387
+ font-size: 12px;
1388
+ line-height: 14px;
1389
+ }
1390
+
1391
+ ._2lX51 {
1392
+ font-weight: 400;
1393
+ font-size: 10px;
1394
+ line-height: 12px;
1395
+ }
1396
+
1397
+ ._3fBK1,
1398
+ ._2w6yc,
1399
+ ._1aq6C,
1400
+ ._2lX51 {
1401
+ font-family: "Roboto", sans-serif;
1402
+ }
1403
+
1404
+ ._jGO7A {
1405
+ margin: 10px 0;
1406
+ }
1407
+
1408
+ ._2dXys {
1409
+ width: 35px;
1410
+ color: #0d9994;
1411
+ text-align: center;
1412
+ }
1413
+
1414
+ ._3-8WB {
1415
+ background: #cef7f5;
1416
+ color: #0d9994;
1417
+ border-radius: 8px;
1418
+ }
1419
+
1420
+ ._5QHKk {
1421
+ color: #1da370;
1422
+ }
1423
+
1424
+ ._2UyJG {
1425
+ border: none;
1426
+ background: #fff;
1427
+ }
1428
+
1429
+ ._1SL-6 {
1430
+ display: flex;
1431
+ justify-content: space-between;
1432
+ width: 100%;
1433
+ }
1434
+
1435
+ ._pKQ8e {
1436
+ min-width: 200px;
1437
+ margin-bottom: 10px;
1438
+ height: 100%;
1439
+ background-color: hsl(0, 0%, 100%);
1440
+ border-color: hsl(0, 0%, 80%);
1441
+ border-radius: 4px;
1442
+ border-style: solid;
1443
+ border-width: 1px;
1444
+ padding: 8px;
1445
+ width: 100%;
1446
+ }
1447
+
1448
+ ._2eZGm {
1449
+ display: flex;
1450
+ justify-content: flex-start;
1451
+ flex-wrap: wrap;
1452
+ padding: 0px 16px;
1453
+ }
1454
+
1455
+ ._dz04Q {
1456
+ display: flex;
1457
+ justify-content: flex-end;
1458
+ flex-wrap: wrap;
1459
+ max-width: 700px;
1460
+ }
1461
+
1462
+ ._OhjkA {
1463
+ min-width: 200px;
1464
+ margin-left: 20px;
1465
+ margin-bottom: 10px;
1466
+ height: 38px;
1467
+ }
1468
+
1469
+ ._-q4tF {
1470
+ width: 220px;
1471
+ margin-right: 20px;
1472
+ margin-bottom: 10px;
1473
+ height: 38px;
1474
+ }
1475
+
1476
+ ._nukn6 {
1477
+ max-width: 440px;
1478
+ display: flex;
1479
+ flex-wrap: wrap;
1480
+ }
1481
+
1482
+ ._2ysrj {
1483
+ background: #ffffff;
1484
+ border: 1px solid #ebeff2;
1485
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1486
+ border-radius: 8px;
1487
+ }
1488
+
1489
+ ._37HdU {
1490
+ min-width: 255px;
1491
+ flex-basis: 19%;
1492
+ }
1493
+
1494
+ ._37HdU ._3fBK1 {
1495
+ font-family: 'Roboto';
1496
+ font-weight: 500;
1497
+ font-size: 14px;
1498
+ line-height: 16px;
1499
+ }
1500
+
1501
+ ._37HdU:last-child {
1502
+ padding: 20px 0px !important;
1503
+ }
1504
+
1505
+ ._37HdU:last-child div {
1506
+ width: 80%;
1507
+ margin: 0 auto;
1508
+ }
1509
+
1510
+ ._-jYtE {
1511
+ height: auto;
1512
+ width: 100%;
1513
+ -o-object-fit: scale-down;
1514
+ object-fit: scale-down;
1515
+ max-height: 300px;
1516
+ }
1517
+
1518
+ ._-jYtE._2FOHk {
1519
+ height: 300px;
1520
+ width: 100%;
1521
+ -o-object-fit: scale-down;
1522
+ object-fit: scale-down;
1523
+ }
1524
+
1525
+ ._38Xgv ._3m9ET ._3QJAM {
1526
+ font-size: 20px;
1527
+ }
1528
+
1529
+ ._38Xgv {
1530
+ overflow: hidden;
1531
+ max-height: 470px;
1532
+ }
1533
+
1534
+ @media (min-width: 1024px) {
1535
+ ._11W3J {
1536
+ max-width: 60%;
1537
+ }
1538
+
1539
+ ._2-frJ {
1540
+ max-width: 55%;
1541
+ }
1542
+ }
1543
+
1544
+ ._1_YyD {
1545
+ font-weight: 700;
1546
+ font-size: 24px;
1547
+ line-height: 116%;
1548
+ }
1549
+
1550
+ ._xbK6p {
1551
+ overflow: hidden;
1552
+ height: 416px;
1553
+ }
1554
+
1555
+ @media (min-width: 2250px) {
1556
+ ._xbK6p {
1557
+ /* width: 100%;
1558
+ display: flex;
1559
+ justify-content: center;
1560
+ align-items: center; */
1561
+ }
1562
+ }
1563
+
1564
+ @media (max-width: 720px) {
1565
+ ._11sYZ {
1566
+ padding-right: 20px;
1567
+ }
1568
+ }
1569
+
1570
+
1571
+ /* new design; */
1572
+ ._rFfwe {
1573
+ box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
1574
+ }
1575
+
1576
+ ._zLI7s {
1577
+ border-radius: 8px;
1578
+ overflow: hidden;
1579
+ position: relative;
1580
+ padding: 10px 0px;
1581
+ }
1582
+
1583
+ ._OoZLR._zLI7s::after {
1584
+ content: "";
1585
+ width: 1px;
1586
+ height: 100%;
1587
+ position: absolute;
1588
+ top: 0;
1589
+ left: 50%;
1590
+ transform: translate(-50%, 0);
1591
+ display: block;
1592
+ background: rgba(51, 51, 51, 0.1);
1593
+ }
1594
+
1595
+ ._zLI7s ._3mzht {
1596
+ background: #FFFFFF;
1597
+ border-radius: 8px;
1598
+ padding: 20px;
1599
+ /* cursor: pointer; */
1600
+ }
1601
+
1602
+ ._2gXQT {}
1603
+
1604
+ ._2gXQT ._3XABq {
1605
+ color: "#B2B2B2";
1606
+ font-size: 18px;
1607
+ }
1608
+
1609
+ ._3mzht ._1FHsv {
1610
+ color: #D9D9D9;
1611
+ display: flex;
1612
+ align-items: center;
1613
+ }
1614
+
1615
+ ._3mzht ._2JBD5 {
1616
+ font-weight: 700;
1617
+ font-size: 18px;
1618
+ letter-spacing: 0.01em;
1619
+ color: #262626;
1620
+ font-family: "Roboto";
1621
+ }
1622
+
1623
+ ._3mzht ._2gXQT {
1624
+ display: flex;
1625
+ align-items: center;
1626
+ }
1627
+
1628
+ ._2OEd7 {
1629
+ border-radius: 4px;
1630
+ background: #ffff;
1631
+ }
1632
+
1633
+ ._2nyRe {
1634
+ padding: 6px 12px 6px 0px;
1635
+ border-radius: 0 4px 4px 0;
1636
+ background: #336DDA;
1637
+ color: #fff;
1638
+ }
1639
+
1640
+ ._31EdD {
1641
+ padding: 5px 8px 7px 6px;
1642
+ border-radius: 4px 0 0 4px;
1643
+ background: #336DDA;
1644
+ }
1645
+
1646
+ ._3mzht ._TmymT {
1647
+ font-size: 16px;
1648
+ }
1649
+
1650
+ ._3X_ow {
1651
+ cursor: pointer;
1652
+ }
1653
+
1654
+ ._3mzht ._1qdL4 {
1655
+ cursor: pointer;
1656
+ }
1657
+
1658
+ ._1qdL4 svg {
1659
+ width: 20px !important;
1660
+ height: auto !important;
1661
+ }
1662
+
1663
+ ._3mzht ._PghQI {
1664
+ font-weight: 400;
1665
+ font-size: 16px;
1666
+ line-height: 100%;
1667
+ color: #252733;
1668
+ }
1669
+
1670
+ ._12jqi,
1671
+ ._2rwg5 {
1672
+ background-color: #fff;
1673
+ }
1674
+
1675
+ ._12jqi {
1676
+ padding-bottom: 10px;
1677
+ }
1678
+
1679
+ ._12jqi ._3iwnG {
1680
+ padding-left: 10px;
1681
+ }
1682
+
1683
+ ._12jqi ._rKYWD {
1684
+ width: 10px;
1685
+ height: 10px;
1686
+ margin-right: 5px;
1687
+ border-radius: 2px;
1688
+ }
1689
+
1690
+ ._12jqi ._n_lnI ._3hlTa {
1691
+ font-weight: 400;
1692
+ font-size: 14px;
1693
+ letter-spacing: 0.01em;
1694
+ color: #4d4d4d;
1695
+ margin-bottom: 0;
1696
+ font-family: 'Roboto';
1697
+ }
1698
+
1699
+ ._12jqi ._1LGIl {
1700
+ display: flex;
1701
+ justify-content: center;
1702
+ align-items: center;
1703
+ margin-right: 10px;
1704
+ }
1705
+
1706
+ ._12jqi ._EIKHR {
1707
+ font-weight: 400;
1708
+ font-size: 16px;
1709
+ letter-spacing: 0.01em;
1710
+ color: #252733 !important;
1711
+ font-family: "Roboto";
1712
+ }
1713
+
1714
+ ._12jqi ._1mr1m>label {
1715
+ font-weight: 600;
1716
+ font-size: 18px;
1717
+ color: #252733 !important;
1718
+ font-family: "Roboto";
1719
+ }
1720
+
1721
+ ._E_ciE {
1722
+ width: 100%;
1723
+ padding: 20px;
1724
+ }
1725
+
1726
+ ._E_ciE ._27ojF {
1727
+ display: flex;
1728
+ justify-content: center;
1729
+ align-items: center;
1730
+ }
1731
+
1732
+ ._n_lnI {
1733
+ padding-right: 50px;
1734
+ }
1735
+ ._2KJYt{
1736
+ /* height: 410px; */
1737
+ }
1738
+
1739
+ ._2KJYt ._hEgnv {
1740
+ position: absolute;
1741
+ right: 60px;
1742
+ display: flex;
1743
+ justify-content: flex-end;
1744
+ flex-wrap: wrap;
1745
+ width: 150px;
1746
+ }
1747
+
1748
+ ._2KJYt ._hEgnv label {
1749
+ color: #333333;
1750
+ font-weight: 500;
1751
+ font-size: 14px;
1752
+ align-items: center;
1753
+ text-align: right;
1754
+ color: #333333;
1755
+ margin-bottom: 5px;
1756
+ font-family: "Roboto";
1757
+ }
1758
+
1759
+ ._2KJYt ._hEgnv span {
1760
+ font-weight: 400;
1761
+ font-size: 14px;
1762
+ line-height: 16px;
1763
+ text-align: right;
1764
+ color: #4d4d4d;
1765
+ font-family: "Roboto";
1766
+ }
1767
+
1768
+ ._34-k0 ._119UL {
1769
+ margin-top: 30px;
1770
+ display: flex;
1771
+ justify-content: center;
1772
+ align-items: center;
1773
+ flex-direction: column;
1774
+ }
1775
+
1776
+ ._34-k0 ._119UL ._tlvnI {
1777
+ display: flex;
1778
+ justify-content: center;
1779
+ align-items: center;
1780
+ margin-bottom: 10px;
1781
+ }
1782
+
1783
+ ._34-k0 ._119UL ._rKYWD {
1784
+ width: 12px;
1785
+ height: 12px;
1786
+ margin-right: 8px;
1787
+ border-radius: 2px;
1788
+ }
1789
+
1790
+ ._34-k0 ._119UL ._2Ehxf {
1791
+ padding-right: 8px;
1792
+ color: #4d4d4d;
1793
+ letter-spacing: 0.01em;
1794
+ font-weight: 400;
1795
+ font-size: 16px;
1796
+ font-family: "Roboto";
1797
+ }
1798
+
1799
+ ._L1RnZ {
1800
+ padding-right: 10px;
1801
+ padding-left: 10px;
1802
+ padding-bottom: 10px;
1803
+ }
1804
+
1805
+ ._L1RnZ ._hEgnv {
1806
+ position: absolute;
1807
+ right: 35px;
1808
+ top: 10px;
1809
+ display: flex;
1810
+ justify-content: flex-end;
1811
+ flex-wrap: wrap;
1812
+ width: 150px;
1813
+ }
1814
+
1815
+ ._L1RnZ ._hEgnv label {
1816
+ color: #333333;
1817
+ font-weight: 500;
1818
+ font-size: 14px;
1819
+ align-items: center;
1820
+ text-align: right;
1821
+ color: #333333;
1822
+ margin-bottom: 5px;
1823
+ font-family: "Roboto";
1824
+ }
1825
+
1826
+ ._L1RnZ ._hEgnv span {
1827
+ font-weight: 400;
1828
+ font-size: 14px;
1829
+ line-height: 16px;
1830
+ text-align: right;
1831
+ color: #4d4d4d;
1832
+ font-family: "Roboto";
1833
+ }
1834
+
1835
+ ._18zab {
1836
+ position: relative;
1837
+ }
1838
+
1839
+ ._18zab ._1NRsG {
1840
+ width: 100%;
1841
+ bottom: 40px;
1842
+ position: relative;
1843
+
1844
+ }
1845
+
1846
+ ._18zab ._1jDpB {
1847
+ width: 80%;
1848
+ margin: 35px auto 0px;
1849
+ display: flex;
1850
+ justify-content: space-between;
1851
+ align-items: center;
1852
+ }
1853
+
1854
+ ._18zab ._1jDpB div {
1855
+ font-family: "Roboto";
1856
+ font-weight: 600;
1857
+ font-size: 12px;
1858
+ }
1859
+
1860
+ ._18zab ._93MRp {
1861
+ display: flex;
1862
+ justify-content: center;
1863
+ position: relative;
1864
+ bottom: 20px;
1865
+ }
1866
+
1867
+ ._18zab ._93MRp ._27ojF {
1868
+ display: flex;
1869
+ margin-right: 20px;
1870
+ align-items: center;
1871
+ }
1872
+
1873
+ ._18zab ._93MRp ._rKYWD {
1874
+ width: 10px;
1875
+ height: 10px;
1876
+ margin-right: 5px;
1877
+ border-radius: 2px;
1878
+ }
1879
+
1880
+ ._18zab ._93MRp ._3hlTa {
1881
+ font-family: "Roboto";
1882
+ font-weight: 400;
1883
+ font-size: 14px;
1884
+ letter-spacing: 0.01em;
1885
+ color: #4d4d4d;
1886
+ margin-bottom: 0;
1887
+ margin: 0;
1888
+ }
1889
+
1890
+ ._18zab ._93MRp ._1LGIl {
1891
+ display: flex;
1892
+ justify-content: center;
1893
+ align-items: center;
1894
+ margin-right: 10px;
1895
+ }
1896
+
1897
+ ._18zab ._93MRp ._EIKHR {
1898
+ font-weight: 400;
1899
+ font-size: 16px;
1900
+ letter-spacing: 0.01em;
1901
+ color: #252733;
1902
+ font-family: "Roboto";
1903
+ }
1904
+
1905
+ ._18zab ._3ipHU {
1906
+ position: absolute;
1907
+ right: 22px;
1908
+ top: 20px
1909
+ }
1910
+
1911
+ ._18zab ._3ipHU ._35mGN {
1912
+ margin-bottom: 22.5px;
1913
+ font-weight: 400;
1914
+ font-size: 12px;
1915
+ text-align: center;
1916
+ letter-spacing: 0.01em;
1917
+ color: #9a9a9a;
1918
+ font-family: "Roboto";
1919
+ }
1920
+
1921
+ ._18zab ._1769M {
1922
+ position: relative;
1923
+ }
1924
+
1925
+ ._18zab ._ton1p {
1926
+ padding-right: 50px;
1927
+ }
1928
+
1929
+ ._2LTMk {
1930
+ width: 100%;
1931
+ text-align: center;
1932
+ font-weight: 400;
1933
+ font-size: 16px;
1934
+ text-align: right;
1935
+ letter-spacing: 0.01em;
1936
+ color: #808080;
1937
+ display: flex;
1938
+ justify-content: center;
1939
+ align-items: center;
1940
+ font-family: "Roboto";
1941
+ }
1942
+
1943
+
1944
+ ._3f2-D {
1945
+ font-size: 24px;
1946
+ font-weight: 700;
1947
+ margin-bottom: 5px !important;
1948
+ font-family: "Roboto";
1949
+ }
1950
+
1951
+ ._19k86 {
1952
+ font-size: 16px;
1953
+ font-weight: 400;
1954
+ margin-bottom: 5px !important;
1955
+ }
1956
+
1957
+ ._2ZpLB {
1958
+ display: flex !important;
1959
+ align-items: center;
1960
+ }
1961
+
1962
+ ._jLDZ4 {
1963
+ font-size: 16px;
1964
+ font-weight: 400;
1965
+ font-family: "Roboto";
1966
+ }
1967
+
1968
+ ._2sMK7 {
1969
+ background-color: #28BE76;
1970
+ }
1971
+ ._2KJYt ._1E7vX{
1972
+ font-weight: 400;
1973
+ font-size: 16px;
1974
+ text-align: center;
1975
+ letter-spacing: 0.01em;
1976
+ color: #808080;
1977
+ margin-bottom: 20px;
1978
+ font-family: "Roboto";
1979
+ }
1980
+
1981
+
1982
+ ._3Xggx {
1983
+ position: absolute;
1984
+ /* opacity: 0; */
1985
+ z-index: -999;
1986
+ left: 0;
1987
+ top: 0;
1988
+ }
1989
+
1990
+ ._3Xggx > img {
1991
+ /* width: 100%; */
1992
+ /* height: 100%; */
1993
+ /* object-fit: cover; */
1994
+ }
1995
+
1996
+ ._3zQW_ {
1997
+ position: absolute;
1998
+ z-index: -9999;
1999
+ width: 1792px;
2000
+ opacity: 0;
2001
+ top: -35px;
2002
+ left: -630px;
2003
+ }
2004
+
2005
+ ._34-k0 {
2006
+ height: 100%;
2007
+ display: flex;
2008
+ justify-content: center;
2009
+ flex-direction: column;
2010
+ justify-content: space-between;
2011
+ }
2012
+ ._34-k0 ._2HMn5 {
2013
+ width: 100%;
2014
+ }
2015
+ ._34-k0 ._xbK6p {
2016
+ width: 100%;
2017
+ @media only screen and (min-width: 1200px) and (max-width: 1280px) {
2018
+ /* height: 55%; */
2019
+ /* bottom: 86px; */
2020
+ }
2021
+ }
2022
+ ._1qtzK, ._g4q-z, ._9ibzA {
2023
+ box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
2024
+ border-radius: 20px;
2025
+ padding: 10px;
2026
+ margin-left: unset !important;
2027
+ margin-right: unset !important;
2028
+ }
2029
+
2030
+ ._1E7vX {
2031
+ font-size: 20px;
2032
+ font-weight: 700;
2033
+ padding: 10px;
2034
+ margin-bottom: 0 !important;
2035
+ font-family: 'Montserrat-Bold' !important;
2036
+ }
2037
+
2038
+ ._1s7DG {
2039
+ display: flex;
2040
+ align-items: center;
2041
+ justify-content: space-between;
2042
+ }
2043
+
2044
+
2045
+ ._12jqi,
2046
+ ._2rwg5 {
2047
+ background-color: #fff;
2048
+ }
2049
+
2050
+ ._12jqi {
2051
+ padding-bottom: 10px;
2052
+ width: 100%;
2053
+ }
2054
+
2055
+ ._12jqi ._3iwnG {
2056
+ padding-left: 10px;
2057
+ }
2058
+
2059
+ ._n_lnI {
2060
+ padding-right: 50px;
2061
+ }
2062
+
2063
+ ._12jqi ._rKYWD {
2064
+ width: 10px;
2065
+ height: 10px;
2066
+ margin-right: 5px;
2067
+ border-radius: 2px;
2068
+ }
2069
+
2070
+ ._12jqi ._n_lnI ._3hlTa {
2071
+ font-weight: 400;
2072
+ font-size: 14px;
2073
+ letter-spacing: 0.01em;
2074
+ color: #4d4d4d;
2075
+ margin-bottom: 0;
2076
+ font-family: "Roboto";
2077
+ }
2078
+
2079
+ ._12jqi ._1LGIl {
2080
+ display: flex;
2081
+ justify-content: center;
2082
+ align-items: center;
2083
+ margin-right: 10px;
2084
+ }
2085
+
2086
+ ._12jqi ._EIKHR {
2087
+ font-weight: 400;
2088
+ font-size: 16px;
2089
+ letter-spacing: 0.01em;
2090
+ color: #252733 !important;
2091
+ font-family: "Roboto";
2092
+ }
2093
+
2094
+ ._12jqi ._1mr1m > label {
2095
+ font-weight: 600;
2096
+ font-size: 18px;
2097
+ color: #252733 !important;
2098
+ font-family: "Roboto";
2099
+ }
2100
+
2101
+ ._E_ciE {
2102
+ width: 100%;
2103
+ padding: 20px;
2104
+ display: flex;
2105
+ flex-wrap: wrap;
2106
+ }
2107
+
2108
+ ._E_ciE ._27ojF {
2109
+ display: flex;
2110
+ justify-content: center;
2111
+ align-items: center;
2112
+ }
2113
+ ._5wSJP {
2114
+ display: flex;
2115
+ padding-right: 15px;
2116
+
2117
+ }
2118
+
2119
+ ._5wSJP ._1h1ro {
2120
+ padding-right: 5px;
2121
+ display: flex;
2122
+ align-items: center;
2123
+ }
2124
+
2125
+
2126
+ ._EIKHR {
2127
+ font-family: "Roboto" !important;
2128
+ font-weight: 400;
2129
+ margin-top: 2px;
2130
+ }
2131
+ ._2MTrM {
2132
+ display: flex;
2133
+ justify-content: space-evenly;
2134
+ }
2135
+
2136
+ ._2MTrM ._2kriq {
2137
+ display: flex;
2138
+ align-items: center;
2139
+ }
2140
+
2141
+ ._2MTrM ._jOIdn {
2142
+ width: 15px;
2143
+ height: 15px;
2144
+ border-radius: 2px;
2145
+ margin-right: 5px;
2146
+ }
2147
+
2148
+ ._1bZCU{
2149
+ display: none;
2150
+ }
2151
+
2152
+ @media (max-width: 576px) {
2153
+ ._2n_zv{
2154
+ padding: 0 10px;
2155
+ }
2156
+
2157
+ ._1bZCU{
2158
+ display: block;
2159
+ background: #ffffff;
2160
+ border: 1px solid #ebeff2;
2161
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
2162
+ border-radius: 8px;
2163
+ }
2164
+
2165
+ ._FjhpG{
2166
+ gap: 6px;
2167
+ }
2168
+
2169
+ ._4SQcs{
2170
+ gap: 8px;
2171
+ }
2172
+
2173
+ ._5wSJP{
2174
+ padding-right: 6px;
2175
+ width: 100%;
2176
+ max-width: 130px;
2177
+ align-items: start;
2178
+ }
2179
+
2180
+ ._5wSJP label {
2181
+ display: flex;
2182
+ align-items: center;
2183
+ }
2184
+
2185
+ ._n_lnI{
2186
+ padding-right: 6px;
2187
+ width: 100%;
2188
+ max-width: 130px;
2189
+ }
2190
+
2191
+ ._n_lnI > ._27ojF{
2192
+ justify-content: start;
2193
+ align-items: baseline;
2194
+ }
2195
+
2196
+ ._n_lnI label {
2197
+ display: flex;
2198
+ align-items: center;
2199
+ }
2200
+
2201
+ }
2202
+
2203
+ @media (min-width: 577px) and (max-width: 768px) {
2204
+ ._2n_zv{
2205
+ padding: 0 15px;
2206
+ }
2207
+ }
2208
+
2209
+ @media (max-width: 768px) {
2210
+ ._34-k0{
2211
+ padding-top: 2rem;
2212
+ padding-bottom: 2rem;
2213
+ }
2214
+
2215
+ ._xbK6p {
2216
+ height: 100%;
2217
+ display: flex;
2218
+ flex-direction: column;
2219
+ align-items: center;
2220
+ }
2221
+
2222
+ ._2MTrM{
2223
+ gap: 20px;
2224
+ }
2225
+ }
2226
+
2227
+ @media (min-width: 577px) and (max-width: 1023px) {
2228
+ ._5wSJP{
2229
+ padding-right: 0;
2230
+ width: 100%;
2231
+ max-width: 180px;
2232
+ }
2233
+ ._5wSJP label {
2234
+ display: flex;
2235
+ align-items: center;
2236
+ }
2237
+ ._n_lnI{
2238
+ padding-right: 0;
2239
+ width: 100%;
2240
+ max-width: 130px;
2241
+ }
2242
+ ._n_lnI > ._27ojF{
2243
+ justify-content: start;
2244
+ }
2245
+ ._n_lnI label {
2246
+ display: flex;
2247
+ align-items: center;
2248
+ }
2249
+ }
2250
+
2251
+ @media (min-width: 2100px) {
2252
+ ._2MTrM{
2253
+ gap: 50px;
2254
+ justify-content: start;
2255
+ margin-left: 78px;
2256
+ }
2257
2257
  }