mario-education 2.4.176-level → 2.4.178-level

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