mario-education 2.4.146-level → 2.4.147-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/index.css +2057 -2057
  2. package/dist/index.js +40 -31
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.modern.js +40 -31
  5. package/dist/index.modern.js.map +1 -1
  6. package/package.json +98 -98
  7. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/components/ReadinessToLearn.d.ts +0 -7
  8. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchCounselor/hooks/useSwitchAssistant.d.ts +0 -18
  9. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchSecondaryTeacher/components/SwitchCounselorModal.d.ts +0 -4
  10. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchSecondaryTeacher/hooks/useSwitchCounselor.d.ts +0 -18
  11. /package/dist/MarioFramework.Education/ClientApp/src/utils/{servicetype.interface.d.ts → serviceType.interface.d.ts} +0 -0
package/dist/index.css CHANGED
@@ -1,2058 +1,2058 @@
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: 18px;
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
- }
571
-
572
- ._3xpNv {
573
- border-radius: 4px;
574
- background: #ffff;
575
- }
576
-
577
- ._3H5Ly {
578
- padding: 6px 12px 6px 0px;
579
- border-radius: 0 4px 4px 0;
580
- background: #336DDA;
581
- color: #fff;
582
- }
583
-
584
- ._J_n-D {
585
- padding: 5px 8px 7px 6px;
586
- border-radius: 4px 0 0 4px;
587
- background: #336DDA;
588
- }
589
-
590
- ._2vtSi ._3AALV {
591
- font-size: 16px;
592
- }
593
-
594
- ._11Xjn {
595
- cursor: pointer;
596
- }
597
-
598
- ._2vtSi ._2htKu {
599
- cursor: pointer;
600
- transition: transform 333ms ease-out, color 333ms;
601
- }
602
-
603
- ._q1nUO {
604
- transform: rotate(-180deg);
605
- }
606
-
607
- ._s8xMf {
608
- display: flex;
609
- align-items: center;
610
- justify-content: space-between;
611
- padding: 0 20px;
612
- }
613
-
614
- ._tHUJ_ {
615
- display: flex;
616
- justify-content: space-between;
617
- align-items: center;
618
- flex-wrap: wrap;
619
- margin: -12px 0;
620
- width: 100%;
621
- }
622
-
623
- ._3xKHX {
624
- text-align: center;
625
- color: #242424;
626
- font-style: normal;
627
- font-weight: 600 !important;
628
- font-size: 12px !important;
629
- line-height: 18px !important;
630
- margin-bottom: 25px !important;
631
- }
632
-
633
- ._pFFg9 {
634
- font-size: 18px;
635
- font-weight: 700;
636
- padding: 10px;
637
- margin-bottom: 0 !important;
638
- font-family: 'Montserrat-Bold' !important;
639
- }
640
-
641
- ._pFFg9 > a {
642
- font-size: inherit;
643
- font-weight: inherit;
644
- font-family: inherit!important;
645
- color: inherit;
646
- }
647
-
648
- ._pFFg9 > a:hover {
649
- color: #336DDA;
650
- text-decoration: underline;
651
- }
652
-
653
- ._3hqV3 {
654
- margin-left: 10px;
655
- font-style: normal;
656
- font-weight: 400;
657
- font-size: 12px;
658
- line-height: 18px;
659
- color: #242424;
660
- opacity: 0.4;
661
- }
662
-
663
- ._3rdqX {
664
- font-family: 'Poppins-SemiBold';
665
- font-style: normal;
666
- font-weight: 600;
667
- font-size: 18px;
668
- line-height: 32px;
669
- margin-bottom: 0;
670
- }
671
- ._nwv00 {
672
- cursor: pointer;
673
- }
674
- ._nwv00:hover {
675
- transform: scale(1.2);
676
- transition: transform .2s;
677
- }
678
-
679
- ._29aQo {
680
- padding: 10px;
681
- border-radius: 8px;
682
- border: none;
683
- background: #242424;
684
- }
685
-
686
- ._2SJIY {
687
- color: #FFFFFF;
688
- font-weight: 400;
689
- font-size: 12px;
690
- line-height: 18px;
691
- margin: 0 0 10px;
692
-
693
- }
694
-
695
- ._2lZv_ {
696
- width: 4px;
697
- height: 18px;
698
- border-radius: 3px;
699
- margin-right: 10px;
700
- }
701
-
702
- ._8NzTd {
703
- display: flex;
704
- align-items: center;
705
- margin: 0;
706
- height: 18px;
707
- padding-right: 10px;
708
- }
709
-
710
- ._1EP1I {
711
- display: flex;
712
- align-items: center;
713
- }
714
-
715
- ._1J69a {
716
- color: #FFFFFF;
717
- font-weight: 400;
718
- font-size: 12px;
719
- line-height: 18px;
720
- margin-right: 5px;
721
- margin-bottom: 0;
722
- }
723
-
724
- ._3-8OW {
725
- color: #FFFFFF;
726
- font-weight: 400;
727
- font-size: 12px;
728
- line-height: 18px;
729
- margin-bottom: 0;
730
- }
731
-
732
- ._2htKu svg {
733
- width: 20px !important;
734
- height: auto !important;
735
- }
736
-
737
- ._2vtSi ._1qXAT {
738
- font-weight: 400;
739
- font-size: 16px;
740
- line-height: 100%;
741
- color: #252733;
742
- }
743
-
744
- ._3NgrB,
745
- ._32fu3 {
746
- background-color: #fff;
747
- }
748
-
749
- ._3NgrB {
750
- padding-bottom: 10px;
751
- }
752
-
753
- ._3NgrB ._DmMzw {
754
- padding-left: 10px;
755
- }
756
-
757
- ._3NgrB ._1eUXn {
758
- width: 10px;
759
- height: 10px;
760
- margin-right: 5px;
761
- border-radius: 2px;
762
- }
763
-
764
- ._3NgrB ._3hrrC ._Q-iiW {
765
- font-weight: 400;
766
- font-size: 14px;
767
- letter-spacing: 0.01em;
768
- color: #4d4d4d;
769
- margin-bottom: 0;
770
- font-family: 'Roboto';
771
- }
772
-
773
- ._3NgrB ._cD4ey {
774
- display: flex;
775
- justify-content: center;
776
- align-items: center;
777
- margin-right: 10px;
778
- }
779
-
780
- ._3NgrB {
781
- font-weight: 400;
782
- font-size: 16px;
783
- letter-spacing: 0.01em;
784
- color: #252733 !important;
785
- font-family: "Roboto";
786
- }
787
-
788
- ._3NgrB ._2HWhv>label {
789
- font-weight: 600;
790
- font-size: 18px;
791
- color: #252733 !important;
792
- font-family: "Roboto";
793
- }
794
-
795
- ._2Hdbu {
796
- width: 100%;
797
- padding: 20px;
798
- }
799
-
800
- ._2Hdbu, ._3RJ2T {
801
- display: flex;
802
- align-items: center;
803
- flex-wrap: wrap;
804
- }
805
-
806
- ._3dK0P {
807
- display: flex;
808
- padding-right: 15px;
809
- align-items: flex-start;
810
- width: 100%;
811
- max-width: 200px;
812
- }
813
-
814
- ._1bHgZ {
815
- margin-right: 10px;
816
- }
817
-
818
- ._QwDVv {
819
- padding-right: 5px;
820
- display: flex;
821
- align-items: center;
822
- }
823
- ._1QgWc {
824
- width: 100%
825
- }
826
- ._348ls {
827
- display: flex;
828
- display: flex;
829
- align-items: center;
830
- }
831
- ._1VfnR {
832
- font-style: normal;
833
- font-weight: 700;
834
- font-size: 12px;
835
- line-height: 18px;
836
- font-family: 'Poppins-Bold';
837
- margin-bottom: 0;
838
- }
839
-
840
- ._3eW34 {
841
- display: flex;
842
- align-items: center;
843
- }
844
-
845
- ._1bljF {
846
- display: flex;
847
- align-items: center;
848
- }
849
- ._30y0h {
850
- font-weight: 600;
851
- font-size: 12px;
852
- line-height: 18px;
853
- margin-bottom: 0;
854
- }
855
-
856
- ._1HtM3 {
857
- width: 8px;
858
- }
859
- ._3qqQU {
860
- font-size: 14px;
861
- margin-right: 5px;
862
- color: #0F9655;
863
- fill: #0F9655;
864
- }
865
- ._2Fgfn {
866
- font-weight: 600;
867
- font-size: 12px;
868
- line-height: 18px;
869
- margin-right: 5px;
870
- margin-bottom: 0;
871
- }
872
- ._1yXO7 {
873
- font-size: 14px;
874
- margin-right: 5px;
875
- color: #C44140;
876
- fill: #C44140;
877
- }
878
- ._2JNm- {
879
- width: 8px;
880
- height: 8px;
881
- border-radius: 50%;
882
- margin-right: 10px;
883
- }
884
-
885
- ._3hrrC {
886
- padding-right: 50px;
887
- }
888
- ._38ikt{
889
- /* height: 410px; */
890
- }
891
-
892
- ._38ikt ._1TnWs {
893
- position: absolute;
894
- right: 60px;
895
- display: flex;
896
- justify-content: flex-end;
897
- flex-wrap: wrap;
898
- width: 150px;
899
- }
900
-
901
- ._38ikt ._1TnWs label {
902
- color: #333333;
903
- font-weight: 500;
904
- font-size: 14px;
905
- align-items: center;
906
- text-align: right;
907
- color: #333333;
908
- margin-bottom: 5px;
909
- font-family: "Roboto";
910
- }
911
-
912
- ._38ikt ._1TnWs span {
913
- font-weight: 400;
914
- font-size: 14px;
915
- line-height: 16px;
916
- text-align: right;
917
- color: #4d4d4d;
918
- font-family: "Roboto";
919
- }
920
-
921
- ._3BTJi ._1Ws0m {
922
- margin-top: 30px;
923
- display: flex;
924
- justify-content: center;
925
- align-items: center;
926
- flex-direction: column;
927
- }
928
-
929
- ._3BTJi ._1Ws0m ._2HnO_ {
930
- display: flex;
931
- justify-content: center;
932
- align-items: center;
933
- margin-bottom: 10px;
934
- }
935
-
936
- ._3BTJi ._1Ws0m ._1eUXn {
937
- width: 12px;
938
- height: 12px;
939
- margin-right: 8px;
940
- border-radius: 2px;
941
- }
942
-
943
- ._3BTJi ._1Ws0m ._2BFJw {
944
- padding-right: 8px;
945
- color: #4d4d4d;
946
- letter-spacing: 0.01em;
947
- font-weight: 400;
948
- font-size: 16px;
949
- font-family: "Roboto";
950
- }
951
-
952
- ._2az-l {
953
- padding-right: 10px;
954
- padding-left: 10px;
955
- padding-bottom: 10px;
956
- }
957
-
958
- ._2az-l ._1TnWs {
959
- position: absolute;
960
- right: 35px;
961
- top: 10px;
962
- display: flex;
963
- justify-content: flex-end;
964
- flex-wrap: wrap;
965
- width: 150px;
966
- }
967
-
968
- ._2az-l ._1TnWs label {
969
- color: #333333;
970
- font-weight: 500;
971
- font-size: 14px;
972
- align-items: center;
973
- text-align: right;
974
- color: #333333;
975
- margin-bottom: 5px;
976
- font-family: "Roboto";
977
- }
978
-
979
- ._2az-l ._1TnWs span {
980
- font-weight: 400;
981
- font-size: 14px;
982
- line-height: 16px;
983
- text-align: right;
984
- color: #4d4d4d;
985
- font-family: "Roboto";
986
- }
987
-
988
- ._2j8fp {
989
- position: relative;
990
- }
991
-
992
- ._2j8fp ._1BN5z {
993
- width: 100%;
994
- bottom: 40px;
995
- position: relative;
996
-
997
- }
998
-
999
- ._2j8fp ._1rYav {
1000
- width: 80%;
1001
- margin: 35px auto 0px;
1002
- display: flex;
1003
- justify-content: space-between;
1004
- align-items: center;
1005
- }
1006
-
1007
- ._2j8fp ._1rYav div {
1008
- font-family: "Roboto";
1009
- font-weight: 600;
1010
- font-size: 12px;
1011
- }
1012
-
1013
- ._2j8fp ._3-zAs {
1014
- display: flex;
1015
- justify-content: center;
1016
- position: relative;
1017
- bottom: 20px;
1018
- }
1019
-
1020
- ._2j8fp ._3-zAs ._3RJ2T {
1021
- display: flex;
1022
- margin-right: 20px;
1023
- align-items: center;
1024
- }
1025
-
1026
- ._2j8fp ._3-zAs ._1eUXn {
1027
- width: 10px;
1028
- height: 10px;
1029
- margin-right: 5px;
1030
- border-radius: 2px;
1031
- }
1032
-
1033
- ._2j8fp ._3-zAs ._Q-iiW {
1034
- font-family: "Roboto";
1035
- font-weight: 400;
1036
- font-size: 14px;
1037
- letter-spacing: 0.01em;
1038
- color: #4d4d4d;
1039
- margin-bottom: 0;
1040
- margin: 0;
1041
- }
1042
-
1043
- ._2j8fp ._3-zAs ._cD4ey {
1044
- display: flex;
1045
- justify-content: center;
1046
- align-items: center;
1047
- margin-right: 10px;
1048
- }
1049
-
1050
- ._2j8fp ._3-zAs {
1051
- font-weight: 400;
1052
- font-size: 16px;
1053
- letter-spacing: 0.01em;
1054
- color: #252733;
1055
- font-family: "Roboto";
1056
- }
1057
-
1058
- ._24PRg {
1059
- font-weight: 700;
1060
- font-size: 13px;
1061
- letter-spacing: 0.01em;
1062
- color: #252733;
1063
- font-family: "Roboto";
1064
- opacity: .56;
1065
- margin-top: 0;
1066
- margin-bottom: 0;
1067
- text-transform: uppercase;
1068
- }
1069
-
1070
- ._2j8fp ._1PPhv {
1071
- position: absolute;
1072
- right: 22px;
1073
- top: 20px
1074
- }
1075
-
1076
- ._2j8fp ._1PPhv ._1rjWR {
1077
- margin-bottom: 22.5px;
1078
- font-weight: 400;
1079
- font-size: 12px;
1080
- text-align: center;
1081
- letter-spacing: 0.01em;
1082
- color: #9a9a9a;
1083
- font-family: "Roboto";
1084
- }
1085
-
1086
- ._2j8fp ._f-Ti4 {
1087
- position: relative;
1088
- }
1089
-
1090
- ._2j8fp ._TPa6x {
1091
- padding-right: 50px;
1092
- }
1093
-
1094
- ._1hZ_V {
1095
- width: 100%;
1096
- text-align: center;
1097
- font-weight: 400;
1098
- font-size: 16px;
1099
- text-align: right;
1100
- letter-spacing: 0.01em;
1101
- color: #808080;
1102
- display: flex;
1103
- justify-content: center;
1104
- align-items: center;
1105
- font-family: "Roboto";
1106
- }
1107
-
1108
-
1109
- ._3L9WC {
1110
- font-size: 24px;
1111
- font-weight: 700;
1112
- margin-bottom: 5px !important;
1113
- font-family: "Roboto";
1114
- }
1115
-
1116
- ._1TFtP {
1117
- font-size: 16px;
1118
- font-weight: 400;
1119
- margin-bottom: 5px !important;
1120
- }
1121
-
1122
- ._37aqf {
1123
- display: flex !important;
1124
- align-items: center;
1125
- }
1126
-
1127
- ._1iabV {
1128
- font-size: 16px;
1129
- font-weight: 400;
1130
- font-family: "Roboto";
1131
- }
1132
-
1133
- ._1eQAg {
1134
- background-color: #28BE76;
1135
- }
1136
- ._38ikt ._pFFg9{
1137
- font-weight: 400;
1138
- font-size: 16px;
1139
- text-align: center;
1140
- letter-spacing: 0.01em;
1141
- color: #808080;
1142
- margin-bottom: 20px;
1143
- font-family: "Roboto";
1144
- }
1145
-
1146
-
1147
- ._1eqkj {
1148
- position: absolute;
1149
- /* opacity: 0; */
1150
- z-index: -999;
1151
- left: 0;
1152
- top: 0;
1153
- }
1154
-
1155
- ._1eqkj > img {
1156
- /* width: 100%; */
1157
- /* height: 100%; */
1158
- /* object-fit: cover; */
1159
- }
1160
-
1161
- ._2IQ8b {
1162
- position: absolute;
1163
- z-index: -9999;
1164
- width: 1792px;
1165
- opacity: 0;
1166
- top: -35px;
1167
- left: -630px;
1168
- }
1169
-
1170
- ._sQ21k {
1171
- position: absolute;
1172
- z-index: -999;
1173
- right: 0;
1174
- display: flex;
1175
- align-items: center;
1176
- }
1177
-
1178
- ._3Eas5 {
1179
- max-height: 430px;
1180
- }
1181
- ._3U9cF {
1182
- padding: 16px;
1183
- min-height: 530px;
1184
- height: 100%;
1185
- display: flex;
1186
- flex-direction: column;
1187
- background: #ffffff;
1188
- border: 1px solid #ebeff2;
1189
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1190
- border-radius: 8px;
1191
- margin-bottom: 20px;
1192
- }
1193
-
1194
- ._3lYP4 {
1195
- max-width: 200px;
1196
- }
1197
-
1198
- ._EIKHR {
1199
- font-family: 'Roboto' !important;
1200
- font-weight: 400;
1201
- margin-top: 2px;
1202
- }
1203
- ._3waCS {
1204
- font-size: 20px;
1205
- }
1206
-
1207
- ._2n_zv {
1208
- /* background: #E5E5E5; */
1209
- }
1210
-
1211
- ._36sKX {
1212
- font-size: 30px;
1213
- }
1214
-
1215
- ._1TjNf {
1216
- color: #fc4747;
1217
- }
1218
-
1219
- ._i4rwq {
1220
- color: #0dc16a;
1221
- }
1222
-
1223
- ._BlYR7 {
1224
- background: #f6f6f6;
1225
- }
1226
-
1227
- ._3fBK1 {
1228
- font-weight: bold;
1229
- font-size: 14px;
1230
- line-height: 16px;
1231
- }
1232
-
1233
- ._2w6yc {
1234
- font-weight: 700;
1235
- font-size: 32px;
1236
- line-height: 100%;
1237
- margin: 0;
1238
- }
1239
-
1240
- ._1aq6C {
1241
- font-weight: 600;
1242
- font-size: 12px;
1243
- line-height: 14px;
1244
- }
1245
-
1246
- ._2lX51 {
1247
- font-weight: 400;
1248
- font-size: 10px;
1249
- line-height: 12px;
1250
- }
1251
-
1252
- ._3fBK1,
1253
- ._2w6yc,
1254
- ._1aq6C,
1255
- ._2lX51 {
1256
- font-family: "Roboto", sans-serif;
1257
- }
1258
-
1259
- ._jGO7A {
1260
- margin: 10px 0;
1261
- }
1262
-
1263
- ._2dXys {
1264
- width: 35px;
1265
- color: #0d9994;
1266
- text-align: center;
1267
- }
1268
-
1269
- ._3-8WB {
1270
- background: #cef7f5;
1271
- color: #0d9994;
1272
- border-radius: 8px;
1273
- }
1274
-
1275
- ._5QHKk {
1276
- color: #1da370;
1277
- }
1278
-
1279
- ._2UyJG {
1280
- border: none;
1281
- background: #fff;
1282
- }
1283
-
1284
- ._1SL-6 {
1285
- display: flex;
1286
- justify-content: space-between;
1287
- width: 100%;
1288
- }
1289
-
1290
- ._pKQ8e {
1291
- min-width: 200px;
1292
- margin-bottom: 10px;
1293
- height: 100%;
1294
- background-color: hsl(0, 0%, 100%);
1295
- border-color: hsl(0, 0%, 80%);
1296
- border-radius: 4px;
1297
- border-style: solid;
1298
- border-width: 1px;
1299
- padding: 8px;
1300
- width: 100%;
1301
- }
1302
-
1303
- ._2eZGm {
1304
- display: flex;
1305
- justify-content: flex-start;
1306
- flex-wrap: wrap;
1307
- padding: 0px 16px;
1308
- }
1309
-
1310
- ._dz04Q {
1311
- display: flex;
1312
- justify-content: flex-end;
1313
- flex-wrap: wrap;
1314
- max-width: 700px;
1315
- }
1316
-
1317
- ._OhjkA {
1318
- min-width: 200px;
1319
- margin-left: 20px;
1320
- margin-bottom: 10px;
1321
- height: 38px;
1322
- }
1323
-
1324
- ._-q4tF {
1325
- width: 220px;
1326
- margin-right: 20px;
1327
- margin-bottom: 10px;
1328
- height: 38px;
1329
- }
1330
-
1331
- ._nukn6 {
1332
- max-width: 440px;
1333
- display: flex;
1334
- flex-wrap: wrap;
1335
- }
1336
-
1337
- ._2ysrj {
1338
- background: #ffffff;
1339
- border: 1px solid #ebeff2;
1340
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1341
- border-radius: 8px;
1342
- }
1343
-
1344
- ._37HdU {
1345
- min-width: 255px;
1346
- flex-basis: 19%;
1347
- }
1348
-
1349
- ._37HdU ._3fBK1 {
1350
- font-family: 'Roboto';
1351
- font-weight: 500;
1352
- font-size: 14px;
1353
- line-height: 16px;
1354
- }
1355
-
1356
- ._37HdU:last-child {
1357
- padding: 20px 0px !important;
1358
- }
1359
-
1360
- ._37HdU:last-child div {
1361
- width: 80%;
1362
- margin: 0 auto;
1363
- }
1364
-
1365
- ._-jYtE {
1366
- height: auto;
1367
- width: 100%;
1368
- -o-object-fit: scale-down;
1369
- object-fit: scale-down;
1370
- max-height: 300px;
1371
- }
1372
-
1373
- ._-jYtE._2FOHk {
1374
- height: 300px;
1375
- width: 100%;
1376
- -o-object-fit: scale-down;
1377
- object-fit: scale-down;
1378
- }
1379
-
1380
- ._38Xgv ._3m9ET ._3QJAM {
1381
- font-size: 20px;
1382
- }
1383
-
1384
- ._38Xgv {
1385
- overflow: hidden;
1386
- max-height: 470px;
1387
- }
1388
-
1389
- @media (min-width: 1024px) {
1390
- ._11W3J {
1391
- max-width: 60%;
1392
- }
1393
-
1394
- ._2-frJ {
1395
- max-width: 55%;
1396
- }
1397
- }
1398
-
1399
- ._1_YyD {
1400
- font-weight: 700;
1401
- font-size: 24px;
1402
- line-height: 116%;
1403
- }
1404
-
1405
- ._xbK6p {
1406
- overflow: hidden;
1407
- height: 416px;
1408
- }
1409
-
1410
- @media (min-width: 2250px) {
1411
- ._xbK6p {
1412
- /* width: 100%;
1413
- display: flex;
1414
- justify-content: center;
1415
- align-items: center; */
1416
- }
1417
- }
1418
-
1419
- @media (max-width: 720px) {
1420
- ._11sYZ {
1421
- padding-right: 20px;
1422
- }
1423
- }
1424
-
1425
-
1426
- /* new design; */
1427
- ._rFfwe {
1428
- box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
1429
- }
1430
-
1431
- ._zLI7s {
1432
- border-radius: 8px;
1433
- overflow: hidden;
1434
- position: relative;
1435
- padding: 10px 0px;
1436
- }
1437
-
1438
- ._OoZLR._zLI7s::after {
1439
- content: "";
1440
- width: 1px;
1441
- height: 100%;
1442
- position: absolute;
1443
- top: 0;
1444
- left: 50%;
1445
- transform: translate(-50%, 0);
1446
- display: block;
1447
- background: rgba(51, 51, 51, 0.1);
1448
- }
1449
-
1450
- ._zLI7s ._3mzht {
1451
- background: #FFFFFF;
1452
- border-radius: 8px;
1453
- padding: 20px;
1454
- /* cursor: pointer; */
1455
- }
1456
-
1457
- ._2gXQT {}
1458
-
1459
- ._2gXQT ._3XABq {
1460
- color: "#B2B2B2";
1461
- font-size: 18px;
1462
- }
1463
-
1464
- ._3mzht ._1FHsv {
1465
- color: #D9D9D9;
1466
- display: flex;
1467
- align-items: center;
1468
- }
1469
-
1470
- ._3mzht ._2JBD5 {
1471
- font-weight: 700;
1472
- font-size: 18px;
1473
- letter-spacing: 0.01em;
1474
- color: #262626;
1475
- font-family: "Roboto";
1476
- }
1477
-
1478
- ._3mzht ._2gXQT {
1479
- display: flex;
1480
- align-items: center;
1481
- }
1482
-
1483
- ._2OEd7 {
1484
- border-radius: 4px;
1485
- background: #ffff;
1486
- }
1487
-
1488
- ._2nyRe {
1489
- padding: 6px 12px 6px 0px;
1490
- border-radius: 0 4px 4px 0;
1491
- background: #336DDA;
1492
- color: #fff;
1493
- }
1494
-
1495
- ._31EdD {
1496
- padding: 5px 8px 7px 6px;
1497
- border-radius: 4px 0 0 4px;
1498
- background: #336DDA;
1499
- }
1500
-
1501
- ._3mzht ._TmymT {
1502
- font-size: 16px;
1503
- }
1504
-
1505
- ._3X_ow {
1506
- cursor: pointer;
1507
- }
1508
-
1509
- ._3mzht ._1qdL4 {
1510
- cursor: pointer;
1511
- }
1512
-
1513
- ._1qdL4 svg {
1514
- width: 20px !important;
1515
- height: auto !important;
1516
- }
1517
-
1518
- ._3mzht ._PghQI {
1519
- font-weight: 400;
1520
- font-size: 16px;
1521
- line-height: 100%;
1522
- color: #252733;
1523
- }
1524
-
1525
- ._12jqi,
1526
- ._2rwg5 {
1527
- background-color: #fff;
1528
- }
1529
-
1530
- ._12jqi {
1531
- padding-bottom: 10px;
1532
- }
1533
-
1534
- ._12jqi ._3iwnG {
1535
- padding-left: 10px;
1536
- }
1537
-
1538
- ._12jqi ._rKYWD {
1539
- width: 10px;
1540
- height: 10px;
1541
- margin-right: 5px;
1542
- border-radius: 2px;
1543
- }
1544
-
1545
- ._12jqi ._n_lnI ._3hlTa {
1546
- font-weight: 400;
1547
- font-size: 14px;
1548
- letter-spacing: 0.01em;
1549
- color: #4d4d4d;
1550
- margin-bottom: 0;
1551
- font-family: 'Roboto';
1552
- }
1553
-
1554
- ._12jqi ._1LGIl {
1555
- display: flex;
1556
- justify-content: center;
1557
- align-items: center;
1558
- margin-right: 10px;
1559
- }
1560
-
1561
- ._12jqi ._EIKHR {
1562
- font-weight: 400;
1563
- font-size: 16px;
1564
- letter-spacing: 0.01em;
1565
- color: #252733 !important;
1566
- font-family: "Roboto";
1567
- }
1568
-
1569
- ._12jqi ._1mr1m>label {
1570
- font-weight: 600;
1571
- font-size: 18px;
1572
- color: #252733 !important;
1573
- font-family: "Roboto";
1574
- }
1575
-
1576
- ._E_ciE {
1577
- width: 100%;
1578
- padding: 20px;
1579
- }
1580
-
1581
- ._E_ciE ._27ojF {
1582
- display: flex;
1583
- justify-content: center;
1584
- align-items: center;
1585
- }
1586
-
1587
- ._n_lnI {
1588
- padding-right: 50px;
1589
- }
1590
- ._2KJYt{
1591
- /* height: 410px; */
1592
- }
1593
-
1594
- ._2KJYt ._hEgnv {
1595
- position: absolute;
1596
- right: 60px;
1597
- display: flex;
1598
- justify-content: flex-end;
1599
- flex-wrap: wrap;
1600
- width: 150px;
1601
- }
1602
-
1603
- ._2KJYt ._hEgnv label {
1604
- color: #333333;
1605
- font-weight: 500;
1606
- font-size: 14px;
1607
- align-items: center;
1608
- text-align: right;
1609
- color: #333333;
1610
- margin-bottom: 5px;
1611
- font-family: "Roboto";
1612
- }
1613
-
1614
- ._2KJYt ._hEgnv span {
1615
- font-weight: 400;
1616
- font-size: 14px;
1617
- line-height: 16px;
1618
- text-align: right;
1619
- color: #4d4d4d;
1620
- font-family: "Roboto";
1621
- }
1622
-
1623
- ._34-k0 ._119UL {
1624
- margin-top: 30px;
1625
- display: flex;
1626
- justify-content: center;
1627
- align-items: center;
1628
- flex-direction: column;
1629
- }
1630
-
1631
- ._34-k0 ._119UL ._tlvnI {
1632
- display: flex;
1633
- justify-content: center;
1634
- align-items: center;
1635
- margin-bottom: 10px;
1636
- }
1637
-
1638
- ._34-k0 ._119UL ._rKYWD {
1639
- width: 12px;
1640
- height: 12px;
1641
- margin-right: 8px;
1642
- border-radius: 2px;
1643
- }
1644
-
1645
- ._34-k0 ._119UL ._2Ehxf {
1646
- padding-right: 8px;
1647
- color: #4d4d4d;
1648
- letter-spacing: 0.01em;
1649
- font-weight: 400;
1650
- font-size: 16px;
1651
- font-family: "Roboto";
1652
- }
1653
-
1654
- ._L1RnZ {
1655
- padding-right: 10px;
1656
- padding-left: 10px;
1657
- padding-bottom: 10px;
1658
- }
1659
-
1660
- ._L1RnZ ._hEgnv {
1661
- position: absolute;
1662
- right: 35px;
1663
- top: 10px;
1664
- display: flex;
1665
- justify-content: flex-end;
1666
- flex-wrap: wrap;
1667
- width: 150px;
1668
- }
1669
-
1670
- ._L1RnZ ._hEgnv label {
1671
- color: #333333;
1672
- font-weight: 500;
1673
- font-size: 14px;
1674
- align-items: center;
1675
- text-align: right;
1676
- color: #333333;
1677
- margin-bottom: 5px;
1678
- font-family: "Roboto";
1679
- }
1680
-
1681
- ._L1RnZ ._hEgnv span {
1682
- font-weight: 400;
1683
- font-size: 14px;
1684
- line-height: 16px;
1685
- text-align: right;
1686
- color: #4d4d4d;
1687
- font-family: "Roboto";
1688
- }
1689
-
1690
- ._18zab {
1691
- position: relative;
1692
- }
1693
-
1694
- ._18zab ._1NRsG {
1695
- width: 100%;
1696
- bottom: 40px;
1697
- position: relative;
1698
-
1699
- }
1700
-
1701
- ._18zab ._1jDpB {
1702
- width: 80%;
1703
- margin: 35px auto 0px;
1704
- display: flex;
1705
- justify-content: space-between;
1706
- align-items: center;
1707
- }
1708
-
1709
- ._18zab ._1jDpB div {
1710
- font-family: "Roboto";
1711
- font-weight: 600;
1712
- font-size: 12px;
1713
- }
1714
-
1715
- ._18zab ._93MRp {
1716
- display: flex;
1717
- justify-content: center;
1718
- position: relative;
1719
- bottom: 20px;
1720
- }
1721
-
1722
- ._18zab ._93MRp ._27ojF {
1723
- display: flex;
1724
- margin-right: 20px;
1725
- align-items: center;
1726
- }
1727
-
1728
- ._18zab ._93MRp ._rKYWD {
1729
- width: 10px;
1730
- height: 10px;
1731
- margin-right: 5px;
1732
- border-radius: 2px;
1733
- }
1734
-
1735
- ._18zab ._93MRp ._3hlTa {
1736
- font-family: "Roboto";
1737
- font-weight: 400;
1738
- font-size: 14px;
1739
- letter-spacing: 0.01em;
1740
- color: #4d4d4d;
1741
- margin-bottom: 0;
1742
- margin: 0;
1743
- }
1744
-
1745
- ._18zab ._93MRp ._1LGIl {
1746
- display: flex;
1747
- justify-content: center;
1748
- align-items: center;
1749
- margin-right: 10px;
1750
- }
1751
-
1752
- ._18zab ._93MRp ._EIKHR {
1753
- font-weight: 400;
1754
- font-size: 16px;
1755
- letter-spacing: 0.01em;
1756
- color: #252733;
1757
- font-family: "Roboto";
1758
- }
1759
-
1760
- ._18zab ._3ipHU {
1761
- position: absolute;
1762
- right: 22px;
1763
- top: 20px
1764
- }
1765
-
1766
- ._18zab ._3ipHU ._35mGN {
1767
- margin-bottom: 22.5px;
1768
- font-weight: 400;
1769
- font-size: 12px;
1770
- text-align: center;
1771
- letter-spacing: 0.01em;
1772
- color: #9a9a9a;
1773
- font-family: "Roboto";
1774
- }
1775
-
1776
- ._18zab ._1769M {
1777
- position: relative;
1778
- }
1779
-
1780
- ._18zab ._ton1p {
1781
- padding-right: 50px;
1782
- }
1783
-
1784
- ._2LTMk {
1785
- width: 100%;
1786
- text-align: center;
1787
- font-weight: 400;
1788
- font-size: 16px;
1789
- text-align: right;
1790
- letter-spacing: 0.01em;
1791
- color: #808080;
1792
- display: flex;
1793
- justify-content: center;
1794
- align-items: center;
1795
- font-family: "Roboto";
1796
- }
1797
-
1798
-
1799
- ._3f2-D {
1800
- font-size: 24px;
1801
- font-weight: 700;
1802
- margin-bottom: 5px !important;
1803
- font-family: "Roboto";
1804
- }
1805
-
1806
- ._19k86 {
1807
- font-size: 16px;
1808
- font-weight: 400;
1809
- margin-bottom: 5px !important;
1810
- }
1811
-
1812
- ._2ZpLB {
1813
- display: flex !important;
1814
- align-items: center;
1815
- }
1816
-
1817
- ._jLDZ4 {
1818
- font-size: 16px;
1819
- font-weight: 400;
1820
- font-family: "Roboto";
1821
- }
1822
-
1823
- ._2sMK7 {
1824
- background-color: #28BE76;
1825
- }
1826
- ._2KJYt ._1E7vX{
1827
- font-weight: 400;
1828
- font-size: 16px;
1829
- text-align: center;
1830
- letter-spacing: 0.01em;
1831
- color: #808080;
1832
- margin-bottom: 20px;
1833
- font-family: "Roboto";
1834
- }
1835
-
1836
-
1837
- ._3Xggx {
1838
- position: absolute;
1839
- /* opacity: 0; */
1840
- z-index: -999;
1841
- left: 0;
1842
- top: 0;
1843
- }
1844
-
1845
- ._3Xggx > img {
1846
- /* width: 100%; */
1847
- /* height: 100%; */
1848
- /* object-fit: cover; */
1849
- }
1850
-
1851
- ._3zQW_ {
1852
- position: absolute;
1853
- z-index: -9999;
1854
- width: 1792px;
1855
- opacity: 0;
1856
- top: -35px;
1857
- left: -630px;
1858
- }
1859
-
1860
- ._34-k0 {
1861
- height: 100%;
1862
- display: flex;
1863
- justify-content: center;
1864
- flex-direction: column;
1865
- justify-content: space-between;
1866
- }
1867
- ._34-k0 ._2HMn5 {
1868
- width: 100%;
1869
- }
1870
- ._34-k0 ._xbK6p {
1871
- width: 100%;
1872
- @media only screen and (min-width: 1200px) and (max-width: 1280px) {
1873
- /* height: 55%; */
1874
- /* bottom: 86px; */
1875
- }
1876
- }
1877
- ._1qtzK, ._g4q-z, ._9ibzA {
1878
- box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
1879
- border-radius: 20px;
1880
- padding: 10px;
1881
- margin-left: unset !important;
1882
- margin-right: unset !important;
1883
- }
1884
-
1885
- ._1E7vX {
1886
- font-size: 20px;
1887
- font-weight: 700;
1888
- padding: 10px;
1889
- margin-bottom: 0 !important;
1890
- font-family: 'Montserrat-Bold' !important;
1891
- }
1892
-
1893
- ._1s7DG {
1894
- display: flex;
1895
- align-items: center;
1896
- justify-content: space-between;
1897
- }
1898
-
1899
-
1900
- ._12jqi,
1901
- ._2rwg5 {
1902
- background-color: #fff;
1903
- }
1904
-
1905
- ._12jqi {
1906
- padding-bottom: 10px;
1907
- width: 100%;
1908
- }
1909
-
1910
- ._12jqi ._3iwnG {
1911
- padding-left: 10px;
1912
- }
1913
-
1914
- ._n_lnI {
1915
- padding-right: 50px;
1916
- }
1917
-
1918
- ._12jqi ._rKYWD {
1919
- width: 10px;
1920
- height: 10px;
1921
- margin-right: 5px;
1922
- border-radius: 2px;
1923
- }
1924
-
1925
- ._12jqi ._n_lnI ._3hlTa {
1926
- font-weight: 400;
1927
- font-size: 14px;
1928
- letter-spacing: 0.01em;
1929
- color: #4d4d4d;
1930
- margin-bottom: 0;
1931
- font-family: "Roboto";
1932
- }
1933
-
1934
- ._12jqi ._1LGIl {
1935
- display: flex;
1936
- justify-content: center;
1937
- align-items: center;
1938
- margin-right: 10px;
1939
- }
1940
-
1941
- ._12jqi ._EIKHR {
1942
- font-weight: 400;
1943
- font-size: 16px;
1944
- letter-spacing: 0.01em;
1945
- color: #252733 !important;
1946
- font-family: "Roboto";
1947
- }
1948
-
1949
- ._12jqi ._1mr1m > label {
1950
- font-weight: 600;
1951
- font-size: 18px;
1952
- color: #252733 !important;
1953
- font-family: "Roboto";
1954
- }
1955
-
1956
- ._E_ciE {
1957
- width: 100%;
1958
- padding: 20px;
1959
- display: flex;
1960
- flex-wrap: wrap;
1961
- }
1962
-
1963
- ._E_ciE ._27ojF {
1964
- display: flex;
1965
- justify-content: center;
1966
- align-items: center;
1967
- }
1968
- ._5wSJP {
1969
- display: flex;
1970
- padding-right: 15px;
1971
-
1972
- }
1973
-
1974
- ._5wSJP ._1h1ro {
1975
- padding-right: 5px;
1976
- display: flex;
1977
- align-items: center;
1978
- }
1979
-
1980
-
1981
- ._EIKHR {
1982
- font-family: "Roboto" !important;
1983
- font-weight: 400;
1984
- margin-top: 2px;
1985
- }
1986
- ._2MTrM {
1987
- display: flex;
1988
- justify-content: space-evenly;
1989
- }
1990
-
1991
- ._2MTrM ._2kriq {
1992
- display: flex;
1993
- align-items: center;
1994
- }
1995
-
1996
- ._2MTrM ._jOIdn {
1997
- width: 15px;
1998
- height: 15px;
1999
- border-radius: 2px;
2000
- margin-right: 5px;
2001
- }
2002
-
2003
- ._1bZCU{
2004
- display: none;
2005
- }
2006
-
2007
- @media (max-width: 576px) {
2008
- ._2n_zv{
2009
- padding: 0 10px;
2010
- }
2011
-
2012
- ._1bZCU{
2013
- display: block;
2014
- background: #ffffff;
2015
- border: 1px solid #ebeff2;
2016
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
2017
- border-radius: 8px;
2018
- }
2019
-
2020
- ._FjhpG{
2021
- gap: 6px;
2022
- }
2023
-
2024
- ._4SQcs{
2025
- gap: 8px;
2026
- }
2027
- }
2028
-
2029
- @media (min-width: 577px) and (max-width: 768px) {
2030
- ._2n_zv{
2031
- padding: 0 15px;
2032
- }
2033
- }
2034
-
2035
- @media (max-width: 768px) {
2036
- ._34-k0{
2037
- padding-top: 2rem;
2038
- padding-bottom: 2rem;
2039
- }
2040
-
2041
- ._xbK6p {
2042
- height: 100%;
2043
- display: flex;
2044
- flex-direction: column;
2045
- align-items: center;
2046
- }
2047
-
2048
- ._2MTrM{
2049
- gap: 20px;
2050
- }
2051
- }
2052
- @media (min-width: 2100px) {
2053
- ._2MTrM{
2054
- gap: 50px;
2055
- justify-content: start;
2056
- margin-left: 78px;
2057
- }
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: 18px;
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
+ }
571
+
572
+ ._3xpNv {
573
+ border-radius: 4px;
574
+ background: #ffff;
575
+ }
576
+
577
+ ._3H5Ly {
578
+ padding: 6px 12px 6px 0px;
579
+ border-radius: 0 4px 4px 0;
580
+ background: #336DDA;
581
+ color: #fff;
582
+ }
583
+
584
+ ._J_n-D {
585
+ padding: 5px 8px 7px 6px;
586
+ border-radius: 4px 0 0 4px;
587
+ background: #336DDA;
588
+ }
589
+
590
+ ._2vtSi ._3AALV {
591
+ font-size: 16px;
592
+ }
593
+
594
+ ._11Xjn {
595
+ cursor: pointer;
596
+ }
597
+
598
+ ._2vtSi ._2htKu {
599
+ cursor: pointer;
600
+ transition: transform 333ms ease-out, color 333ms;
601
+ }
602
+
603
+ ._q1nUO {
604
+ transform: rotate(-180deg);
605
+ }
606
+
607
+ ._s8xMf {
608
+ display: flex;
609
+ align-items: center;
610
+ justify-content: space-between;
611
+ padding: 0 20px;
612
+ }
613
+
614
+ ._tHUJ_ {
615
+ display: flex;
616
+ justify-content: space-between;
617
+ align-items: center;
618
+ flex-wrap: wrap;
619
+ margin: -12px 0;
620
+ width: 100%;
621
+ }
622
+
623
+ ._3xKHX {
624
+ text-align: center;
625
+ color: #242424;
626
+ font-style: normal;
627
+ font-weight: 600 !important;
628
+ font-size: 12px !important;
629
+ line-height: 18px !important;
630
+ margin-bottom: 25px !important;
631
+ }
632
+
633
+ ._pFFg9 {
634
+ font-size: 18px;
635
+ font-weight: 700;
636
+ padding: 10px;
637
+ margin-bottom: 0 !important;
638
+ font-family: 'Montserrat-Bold' !important;
639
+ }
640
+
641
+ ._pFFg9 > a {
642
+ font-size: inherit;
643
+ font-weight: inherit;
644
+ font-family: inherit!important;
645
+ color: inherit;
646
+ }
647
+
648
+ ._pFFg9 > a:hover {
649
+ color: #336DDA;
650
+ text-decoration: underline;
651
+ }
652
+
653
+ ._3hqV3 {
654
+ margin-left: 10px;
655
+ font-style: normal;
656
+ font-weight: 400;
657
+ font-size: 12px;
658
+ line-height: 18px;
659
+ color: #242424;
660
+ opacity: 0.4;
661
+ }
662
+
663
+ ._3rdqX {
664
+ font-family: 'Poppins-SemiBold';
665
+ font-style: normal;
666
+ font-weight: 600;
667
+ font-size: 18px;
668
+ line-height: 32px;
669
+ margin-bottom: 0;
670
+ }
671
+ ._nwv00 {
672
+ cursor: pointer;
673
+ }
674
+ ._nwv00:hover {
675
+ transform: scale(1.2);
676
+ transition: transform .2s;
677
+ }
678
+
679
+ ._29aQo {
680
+ padding: 10px;
681
+ border-radius: 8px;
682
+ border: none;
683
+ background: #242424;
684
+ }
685
+
686
+ ._2SJIY {
687
+ color: #FFFFFF;
688
+ font-weight: 400;
689
+ font-size: 12px;
690
+ line-height: 18px;
691
+ margin: 0 0 10px;
692
+
693
+ }
694
+
695
+ ._2lZv_ {
696
+ width: 4px;
697
+ height: 18px;
698
+ border-radius: 3px;
699
+ margin-right: 10px;
700
+ }
701
+
702
+ ._8NzTd {
703
+ display: flex;
704
+ align-items: center;
705
+ margin: 0;
706
+ height: 18px;
707
+ padding-right: 10px;
708
+ }
709
+
710
+ ._1EP1I {
711
+ display: flex;
712
+ align-items: center;
713
+ }
714
+
715
+ ._1J69a {
716
+ color: #FFFFFF;
717
+ font-weight: 400;
718
+ font-size: 12px;
719
+ line-height: 18px;
720
+ margin-right: 5px;
721
+ margin-bottom: 0;
722
+ }
723
+
724
+ ._3-8OW {
725
+ color: #FFFFFF;
726
+ font-weight: 400;
727
+ font-size: 12px;
728
+ line-height: 18px;
729
+ margin-bottom: 0;
730
+ }
731
+
732
+ ._2htKu svg {
733
+ width: 20px !important;
734
+ height: auto !important;
735
+ }
736
+
737
+ ._2vtSi ._1qXAT {
738
+ font-weight: 400;
739
+ font-size: 16px;
740
+ line-height: 100%;
741
+ color: #252733;
742
+ }
743
+
744
+ ._3NgrB,
745
+ ._32fu3 {
746
+ background-color: #fff;
747
+ }
748
+
749
+ ._3NgrB {
750
+ padding-bottom: 10px;
751
+ }
752
+
753
+ ._3NgrB ._DmMzw {
754
+ padding-left: 10px;
755
+ }
756
+
757
+ ._3NgrB ._1eUXn {
758
+ width: 10px;
759
+ height: 10px;
760
+ margin-right: 5px;
761
+ border-radius: 2px;
762
+ }
763
+
764
+ ._3NgrB ._3hrrC ._Q-iiW {
765
+ font-weight: 400;
766
+ font-size: 14px;
767
+ letter-spacing: 0.01em;
768
+ color: #4d4d4d;
769
+ margin-bottom: 0;
770
+ font-family: 'Roboto';
771
+ }
772
+
773
+ ._3NgrB ._cD4ey {
774
+ display: flex;
775
+ justify-content: center;
776
+ align-items: center;
777
+ margin-right: 10px;
778
+ }
779
+
780
+ ._3NgrB {
781
+ font-weight: 400;
782
+ font-size: 16px;
783
+ letter-spacing: 0.01em;
784
+ color: #252733 !important;
785
+ font-family: "Roboto";
786
+ }
787
+
788
+ ._3NgrB ._2HWhv>label {
789
+ font-weight: 600;
790
+ font-size: 18px;
791
+ color: #252733 !important;
792
+ font-family: "Roboto";
793
+ }
794
+
795
+ ._2Hdbu {
796
+ width: 100%;
797
+ padding: 20px;
798
+ }
799
+
800
+ ._2Hdbu, ._3RJ2T {
801
+ display: flex;
802
+ align-items: center;
803
+ flex-wrap: wrap;
804
+ }
805
+
806
+ ._3dK0P {
807
+ display: flex;
808
+ padding-right: 15px;
809
+ align-items: flex-start;
810
+ width: 100%;
811
+ max-width: 200px;
812
+ }
813
+
814
+ ._1bHgZ {
815
+ margin-right: 10px;
816
+ }
817
+
818
+ ._QwDVv {
819
+ padding-right: 5px;
820
+ display: flex;
821
+ align-items: center;
822
+ }
823
+ ._1QgWc {
824
+ width: 100%
825
+ }
826
+ ._348ls {
827
+ display: flex;
828
+ display: flex;
829
+ align-items: center;
830
+ }
831
+ ._1VfnR {
832
+ font-style: normal;
833
+ font-weight: 700;
834
+ font-size: 12px;
835
+ line-height: 18px;
836
+ font-family: 'Poppins-Bold';
837
+ margin-bottom: 0;
838
+ }
839
+
840
+ ._3eW34 {
841
+ display: flex;
842
+ align-items: center;
843
+ }
844
+
845
+ ._1bljF {
846
+ display: flex;
847
+ align-items: center;
848
+ }
849
+ ._30y0h {
850
+ font-weight: 600;
851
+ font-size: 12px;
852
+ line-height: 18px;
853
+ margin-bottom: 0;
854
+ }
855
+
856
+ ._1HtM3 {
857
+ width: 8px;
858
+ }
859
+ ._3qqQU {
860
+ font-size: 14px;
861
+ margin-right: 5px;
862
+ color: #0F9655;
863
+ fill: #0F9655;
864
+ }
865
+ ._2Fgfn {
866
+ font-weight: 600;
867
+ font-size: 12px;
868
+ line-height: 18px;
869
+ margin-right: 5px;
870
+ margin-bottom: 0;
871
+ }
872
+ ._1yXO7 {
873
+ font-size: 14px;
874
+ margin-right: 5px;
875
+ color: #C44140;
876
+ fill: #C44140;
877
+ }
878
+ ._2JNm- {
879
+ width: 8px;
880
+ height: 8px;
881
+ border-radius: 50%;
882
+ margin-right: 10px;
883
+ }
884
+
885
+ ._3hrrC {
886
+ padding-right: 50px;
887
+ }
888
+ ._38ikt{
889
+ /* height: 410px; */
890
+ }
891
+
892
+ ._38ikt ._1TnWs {
893
+ position: absolute;
894
+ right: 60px;
895
+ display: flex;
896
+ justify-content: flex-end;
897
+ flex-wrap: wrap;
898
+ width: 150px;
899
+ }
900
+
901
+ ._38ikt ._1TnWs label {
902
+ color: #333333;
903
+ font-weight: 500;
904
+ font-size: 14px;
905
+ align-items: center;
906
+ text-align: right;
907
+ color: #333333;
908
+ margin-bottom: 5px;
909
+ font-family: "Roboto";
910
+ }
911
+
912
+ ._38ikt ._1TnWs span {
913
+ font-weight: 400;
914
+ font-size: 14px;
915
+ line-height: 16px;
916
+ text-align: right;
917
+ color: #4d4d4d;
918
+ font-family: "Roboto";
919
+ }
920
+
921
+ ._3BTJi ._1Ws0m {
922
+ margin-top: 30px;
923
+ display: flex;
924
+ justify-content: center;
925
+ align-items: center;
926
+ flex-direction: column;
927
+ }
928
+
929
+ ._3BTJi ._1Ws0m ._2HnO_ {
930
+ display: flex;
931
+ justify-content: center;
932
+ align-items: center;
933
+ margin-bottom: 10px;
934
+ }
935
+
936
+ ._3BTJi ._1Ws0m ._1eUXn {
937
+ width: 12px;
938
+ height: 12px;
939
+ margin-right: 8px;
940
+ border-radius: 2px;
941
+ }
942
+
943
+ ._3BTJi ._1Ws0m ._2BFJw {
944
+ padding-right: 8px;
945
+ color: #4d4d4d;
946
+ letter-spacing: 0.01em;
947
+ font-weight: 400;
948
+ font-size: 16px;
949
+ font-family: "Roboto";
950
+ }
951
+
952
+ ._2az-l {
953
+ padding-right: 10px;
954
+ padding-left: 10px;
955
+ padding-bottom: 10px;
956
+ }
957
+
958
+ ._2az-l ._1TnWs {
959
+ position: absolute;
960
+ right: 35px;
961
+ top: 10px;
962
+ display: flex;
963
+ justify-content: flex-end;
964
+ flex-wrap: wrap;
965
+ width: 150px;
966
+ }
967
+
968
+ ._2az-l ._1TnWs label {
969
+ color: #333333;
970
+ font-weight: 500;
971
+ font-size: 14px;
972
+ align-items: center;
973
+ text-align: right;
974
+ color: #333333;
975
+ margin-bottom: 5px;
976
+ font-family: "Roboto";
977
+ }
978
+
979
+ ._2az-l ._1TnWs span {
980
+ font-weight: 400;
981
+ font-size: 14px;
982
+ line-height: 16px;
983
+ text-align: right;
984
+ color: #4d4d4d;
985
+ font-family: "Roboto";
986
+ }
987
+
988
+ ._2j8fp {
989
+ position: relative;
990
+ }
991
+
992
+ ._2j8fp ._1BN5z {
993
+ width: 100%;
994
+ bottom: 40px;
995
+ position: relative;
996
+
997
+ }
998
+
999
+ ._2j8fp ._1rYav {
1000
+ width: 80%;
1001
+ margin: 35px auto 0px;
1002
+ display: flex;
1003
+ justify-content: space-between;
1004
+ align-items: center;
1005
+ }
1006
+
1007
+ ._2j8fp ._1rYav div {
1008
+ font-family: "Roboto";
1009
+ font-weight: 600;
1010
+ font-size: 12px;
1011
+ }
1012
+
1013
+ ._2j8fp ._3-zAs {
1014
+ display: flex;
1015
+ justify-content: center;
1016
+ position: relative;
1017
+ bottom: 20px;
1018
+ }
1019
+
1020
+ ._2j8fp ._3-zAs ._3RJ2T {
1021
+ display: flex;
1022
+ margin-right: 20px;
1023
+ align-items: center;
1024
+ }
1025
+
1026
+ ._2j8fp ._3-zAs ._1eUXn {
1027
+ width: 10px;
1028
+ height: 10px;
1029
+ margin-right: 5px;
1030
+ border-radius: 2px;
1031
+ }
1032
+
1033
+ ._2j8fp ._3-zAs ._Q-iiW {
1034
+ font-family: "Roboto";
1035
+ font-weight: 400;
1036
+ font-size: 14px;
1037
+ letter-spacing: 0.01em;
1038
+ color: #4d4d4d;
1039
+ margin-bottom: 0;
1040
+ margin: 0;
1041
+ }
1042
+
1043
+ ._2j8fp ._3-zAs ._cD4ey {
1044
+ display: flex;
1045
+ justify-content: center;
1046
+ align-items: center;
1047
+ margin-right: 10px;
1048
+ }
1049
+
1050
+ ._2j8fp ._3-zAs {
1051
+ font-weight: 400;
1052
+ font-size: 16px;
1053
+ letter-spacing: 0.01em;
1054
+ color: #252733;
1055
+ font-family: "Roboto";
1056
+ }
1057
+
1058
+ ._24PRg {
1059
+ font-weight: 700;
1060
+ font-size: 13px;
1061
+ letter-spacing: 0.01em;
1062
+ color: #252733;
1063
+ font-family: "Roboto";
1064
+ opacity: .56;
1065
+ margin-top: 0;
1066
+ margin-bottom: 0;
1067
+ text-transform: uppercase;
1068
+ }
1069
+
1070
+ ._2j8fp ._1PPhv {
1071
+ position: absolute;
1072
+ right: 22px;
1073
+ top: 20px
1074
+ }
1075
+
1076
+ ._2j8fp ._1PPhv ._1rjWR {
1077
+ margin-bottom: 22.5px;
1078
+ font-weight: 400;
1079
+ font-size: 12px;
1080
+ text-align: center;
1081
+ letter-spacing: 0.01em;
1082
+ color: #9a9a9a;
1083
+ font-family: "Roboto";
1084
+ }
1085
+
1086
+ ._2j8fp ._f-Ti4 {
1087
+ position: relative;
1088
+ }
1089
+
1090
+ ._2j8fp ._TPa6x {
1091
+ padding-right: 50px;
1092
+ }
1093
+
1094
+ ._1hZ_V {
1095
+ width: 100%;
1096
+ text-align: center;
1097
+ font-weight: 400;
1098
+ font-size: 16px;
1099
+ text-align: right;
1100
+ letter-spacing: 0.01em;
1101
+ color: #808080;
1102
+ display: flex;
1103
+ justify-content: center;
1104
+ align-items: center;
1105
+ font-family: "Roboto";
1106
+ }
1107
+
1108
+
1109
+ ._3L9WC {
1110
+ font-size: 24px;
1111
+ font-weight: 700;
1112
+ margin-bottom: 5px !important;
1113
+ font-family: "Roboto";
1114
+ }
1115
+
1116
+ ._1TFtP {
1117
+ font-size: 16px;
1118
+ font-weight: 400;
1119
+ margin-bottom: 5px !important;
1120
+ }
1121
+
1122
+ ._37aqf {
1123
+ display: flex !important;
1124
+ align-items: center;
1125
+ }
1126
+
1127
+ ._1iabV {
1128
+ font-size: 16px;
1129
+ font-weight: 400;
1130
+ font-family: "Roboto";
1131
+ }
1132
+
1133
+ ._1eQAg {
1134
+ background-color: #28BE76;
1135
+ }
1136
+ ._38ikt ._pFFg9{
1137
+ font-weight: 400;
1138
+ font-size: 16px;
1139
+ text-align: center;
1140
+ letter-spacing: 0.01em;
1141
+ color: #808080;
1142
+ margin-bottom: 20px;
1143
+ font-family: "Roboto";
1144
+ }
1145
+
1146
+
1147
+ ._1eqkj {
1148
+ position: absolute;
1149
+ /* opacity: 0; */
1150
+ z-index: -999;
1151
+ left: 0;
1152
+ top: 0;
1153
+ }
1154
+
1155
+ ._1eqkj > img {
1156
+ /* width: 100%; */
1157
+ /* height: 100%; */
1158
+ /* object-fit: cover; */
1159
+ }
1160
+
1161
+ ._2IQ8b {
1162
+ position: absolute;
1163
+ z-index: -9999;
1164
+ width: 1792px;
1165
+ opacity: 0;
1166
+ top: -35px;
1167
+ left: -630px;
1168
+ }
1169
+
1170
+ ._sQ21k {
1171
+ position: absolute;
1172
+ z-index: -999;
1173
+ right: 0;
1174
+ display: flex;
1175
+ align-items: center;
1176
+ }
1177
+
1178
+ ._3Eas5 {
1179
+ max-height: 430px;
1180
+ }
1181
+ ._3U9cF {
1182
+ padding: 16px;
1183
+ min-height: 530px;
1184
+ height: 100%;
1185
+ display: flex;
1186
+ flex-direction: column;
1187
+ background: #ffffff;
1188
+ border: 1px solid #ebeff2;
1189
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1190
+ border-radius: 8px;
1191
+ margin-bottom: 20px;
1192
+ }
1193
+
1194
+ ._3lYP4 {
1195
+ max-width: 200px;
1196
+ }
1197
+
1198
+ ._EIKHR {
1199
+ font-family: 'Roboto' !important;
1200
+ font-weight: 400;
1201
+ margin-top: 2px;
1202
+ }
1203
+ ._3waCS {
1204
+ font-size: 20px;
1205
+ }
1206
+
1207
+ ._2n_zv {
1208
+ /* background: #E5E5E5; */
1209
+ }
1210
+
1211
+ ._36sKX {
1212
+ font-size: 30px;
1213
+ }
1214
+
1215
+ ._1TjNf {
1216
+ color: #fc4747;
1217
+ }
1218
+
1219
+ ._i4rwq {
1220
+ color: #0dc16a;
1221
+ }
1222
+
1223
+ ._BlYR7 {
1224
+ background: #f6f6f6;
1225
+ }
1226
+
1227
+ ._3fBK1 {
1228
+ font-weight: bold;
1229
+ font-size: 14px;
1230
+ line-height: 16px;
1231
+ }
1232
+
1233
+ ._2w6yc {
1234
+ font-weight: 700;
1235
+ font-size: 32px;
1236
+ line-height: 100%;
1237
+ margin: 0;
1238
+ }
1239
+
1240
+ ._1aq6C {
1241
+ font-weight: 600;
1242
+ font-size: 12px;
1243
+ line-height: 14px;
1244
+ }
1245
+
1246
+ ._2lX51 {
1247
+ font-weight: 400;
1248
+ font-size: 10px;
1249
+ line-height: 12px;
1250
+ }
1251
+
1252
+ ._3fBK1,
1253
+ ._2w6yc,
1254
+ ._1aq6C,
1255
+ ._2lX51 {
1256
+ font-family: "Roboto", sans-serif;
1257
+ }
1258
+
1259
+ ._jGO7A {
1260
+ margin: 10px 0;
1261
+ }
1262
+
1263
+ ._2dXys {
1264
+ width: 35px;
1265
+ color: #0d9994;
1266
+ text-align: center;
1267
+ }
1268
+
1269
+ ._3-8WB {
1270
+ background: #cef7f5;
1271
+ color: #0d9994;
1272
+ border-radius: 8px;
1273
+ }
1274
+
1275
+ ._5QHKk {
1276
+ color: #1da370;
1277
+ }
1278
+
1279
+ ._2UyJG {
1280
+ border: none;
1281
+ background: #fff;
1282
+ }
1283
+
1284
+ ._1SL-6 {
1285
+ display: flex;
1286
+ justify-content: space-between;
1287
+ width: 100%;
1288
+ }
1289
+
1290
+ ._pKQ8e {
1291
+ min-width: 200px;
1292
+ margin-bottom: 10px;
1293
+ height: 100%;
1294
+ background-color: hsl(0, 0%, 100%);
1295
+ border-color: hsl(0, 0%, 80%);
1296
+ border-radius: 4px;
1297
+ border-style: solid;
1298
+ border-width: 1px;
1299
+ padding: 8px;
1300
+ width: 100%;
1301
+ }
1302
+
1303
+ ._2eZGm {
1304
+ display: flex;
1305
+ justify-content: flex-start;
1306
+ flex-wrap: wrap;
1307
+ padding: 0px 16px;
1308
+ }
1309
+
1310
+ ._dz04Q {
1311
+ display: flex;
1312
+ justify-content: flex-end;
1313
+ flex-wrap: wrap;
1314
+ max-width: 700px;
1315
+ }
1316
+
1317
+ ._OhjkA {
1318
+ min-width: 200px;
1319
+ margin-left: 20px;
1320
+ margin-bottom: 10px;
1321
+ height: 38px;
1322
+ }
1323
+
1324
+ ._-q4tF {
1325
+ width: 220px;
1326
+ margin-right: 20px;
1327
+ margin-bottom: 10px;
1328
+ height: 38px;
1329
+ }
1330
+
1331
+ ._nukn6 {
1332
+ max-width: 440px;
1333
+ display: flex;
1334
+ flex-wrap: wrap;
1335
+ }
1336
+
1337
+ ._2ysrj {
1338
+ background: #ffffff;
1339
+ border: 1px solid #ebeff2;
1340
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1341
+ border-radius: 8px;
1342
+ }
1343
+
1344
+ ._37HdU {
1345
+ min-width: 255px;
1346
+ flex-basis: 19%;
1347
+ }
1348
+
1349
+ ._37HdU ._3fBK1 {
1350
+ font-family: 'Roboto';
1351
+ font-weight: 500;
1352
+ font-size: 14px;
1353
+ line-height: 16px;
1354
+ }
1355
+
1356
+ ._37HdU:last-child {
1357
+ padding: 20px 0px !important;
1358
+ }
1359
+
1360
+ ._37HdU:last-child div {
1361
+ width: 80%;
1362
+ margin: 0 auto;
1363
+ }
1364
+
1365
+ ._-jYtE {
1366
+ height: auto;
1367
+ width: 100%;
1368
+ -o-object-fit: scale-down;
1369
+ object-fit: scale-down;
1370
+ max-height: 300px;
1371
+ }
1372
+
1373
+ ._-jYtE._2FOHk {
1374
+ height: 300px;
1375
+ width: 100%;
1376
+ -o-object-fit: scale-down;
1377
+ object-fit: scale-down;
1378
+ }
1379
+
1380
+ ._38Xgv ._3m9ET ._3QJAM {
1381
+ font-size: 20px;
1382
+ }
1383
+
1384
+ ._38Xgv {
1385
+ overflow: hidden;
1386
+ max-height: 470px;
1387
+ }
1388
+
1389
+ @media (min-width: 1024px) {
1390
+ ._11W3J {
1391
+ max-width: 60%;
1392
+ }
1393
+
1394
+ ._2-frJ {
1395
+ max-width: 55%;
1396
+ }
1397
+ }
1398
+
1399
+ ._1_YyD {
1400
+ font-weight: 700;
1401
+ font-size: 24px;
1402
+ line-height: 116%;
1403
+ }
1404
+
1405
+ ._xbK6p {
1406
+ overflow: hidden;
1407
+ height: 416px;
1408
+ }
1409
+
1410
+ @media (min-width: 2250px) {
1411
+ ._xbK6p {
1412
+ /* width: 100%;
1413
+ display: flex;
1414
+ justify-content: center;
1415
+ align-items: center; */
1416
+ }
1417
+ }
1418
+
1419
+ @media (max-width: 720px) {
1420
+ ._11sYZ {
1421
+ padding-right: 20px;
1422
+ }
1423
+ }
1424
+
1425
+
1426
+ /* new design; */
1427
+ ._rFfwe {
1428
+ box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
1429
+ }
1430
+
1431
+ ._zLI7s {
1432
+ border-radius: 8px;
1433
+ overflow: hidden;
1434
+ position: relative;
1435
+ padding: 10px 0px;
1436
+ }
1437
+
1438
+ ._OoZLR._zLI7s::after {
1439
+ content: "";
1440
+ width: 1px;
1441
+ height: 100%;
1442
+ position: absolute;
1443
+ top: 0;
1444
+ left: 50%;
1445
+ transform: translate(-50%, 0);
1446
+ display: block;
1447
+ background: rgba(51, 51, 51, 0.1);
1448
+ }
1449
+
1450
+ ._zLI7s ._3mzht {
1451
+ background: #FFFFFF;
1452
+ border-radius: 8px;
1453
+ padding: 20px;
1454
+ /* cursor: pointer; */
1455
+ }
1456
+
1457
+ ._2gXQT {}
1458
+
1459
+ ._2gXQT ._3XABq {
1460
+ color: "#B2B2B2";
1461
+ font-size: 18px;
1462
+ }
1463
+
1464
+ ._3mzht ._1FHsv {
1465
+ color: #D9D9D9;
1466
+ display: flex;
1467
+ align-items: center;
1468
+ }
1469
+
1470
+ ._3mzht ._2JBD5 {
1471
+ font-weight: 700;
1472
+ font-size: 18px;
1473
+ letter-spacing: 0.01em;
1474
+ color: #262626;
1475
+ font-family: "Roboto";
1476
+ }
1477
+
1478
+ ._3mzht ._2gXQT {
1479
+ display: flex;
1480
+ align-items: center;
1481
+ }
1482
+
1483
+ ._2OEd7 {
1484
+ border-radius: 4px;
1485
+ background: #ffff;
1486
+ }
1487
+
1488
+ ._2nyRe {
1489
+ padding: 6px 12px 6px 0px;
1490
+ border-radius: 0 4px 4px 0;
1491
+ background: #336DDA;
1492
+ color: #fff;
1493
+ }
1494
+
1495
+ ._31EdD {
1496
+ padding: 5px 8px 7px 6px;
1497
+ border-radius: 4px 0 0 4px;
1498
+ background: #336DDA;
1499
+ }
1500
+
1501
+ ._3mzht ._TmymT {
1502
+ font-size: 16px;
1503
+ }
1504
+
1505
+ ._3X_ow {
1506
+ cursor: pointer;
1507
+ }
1508
+
1509
+ ._3mzht ._1qdL4 {
1510
+ cursor: pointer;
1511
+ }
1512
+
1513
+ ._1qdL4 svg {
1514
+ width: 20px !important;
1515
+ height: auto !important;
1516
+ }
1517
+
1518
+ ._3mzht ._PghQI {
1519
+ font-weight: 400;
1520
+ font-size: 16px;
1521
+ line-height: 100%;
1522
+ color: #252733;
1523
+ }
1524
+
1525
+ ._12jqi,
1526
+ ._2rwg5 {
1527
+ background-color: #fff;
1528
+ }
1529
+
1530
+ ._12jqi {
1531
+ padding-bottom: 10px;
1532
+ }
1533
+
1534
+ ._12jqi ._3iwnG {
1535
+ padding-left: 10px;
1536
+ }
1537
+
1538
+ ._12jqi ._rKYWD {
1539
+ width: 10px;
1540
+ height: 10px;
1541
+ margin-right: 5px;
1542
+ border-radius: 2px;
1543
+ }
1544
+
1545
+ ._12jqi ._n_lnI ._3hlTa {
1546
+ font-weight: 400;
1547
+ font-size: 14px;
1548
+ letter-spacing: 0.01em;
1549
+ color: #4d4d4d;
1550
+ margin-bottom: 0;
1551
+ font-family: 'Roboto';
1552
+ }
1553
+
1554
+ ._12jqi ._1LGIl {
1555
+ display: flex;
1556
+ justify-content: center;
1557
+ align-items: center;
1558
+ margin-right: 10px;
1559
+ }
1560
+
1561
+ ._12jqi ._EIKHR {
1562
+ font-weight: 400;
1563
+ font-size: 16px;
1564
+ letter-spacing: 0.01em;
1565
+ color: #252733 !important;
1566
+ font-family: "Roboto";
1567
+ }
1568
+
1569
+ ._12jqi ._1mr1m>label {
1570
+ font-weight: 600;
1571
+ font-size: 18px;
1572
+ color: #252733 !important;
1573
+ font-family: "Roboto";
1574
+ }
1575
+
1576
+ ._E_ciE {
1577
+ width: 100%;
1578
+ padding: 20px;
1579
+ }
1580
+
1581
+ ._E_ciE ._27ojF {
1582
+ display: flex;
1583
+ justify-content: center;
1584
+ align-items: center;
1585
+ }
1586
+
1587
+ ._n_lnI {
1588
+ padding-right: 50px;
1589
+ }
1590
+ ._2KJYt{
1591
+ /* height: 410px; */
1592
+ }
1593
+
1594
+ ._2KJYt ._hEgnv {
1595
+ position: absolute;
1596
+ right: 60px;
1597
+ display: flex;
1598
+ justify-content: flex-end;
1599
+ flex-wrap: wrap;
1600
+ width: 150px;
1601
+ }
1602
+
1603
+ ._2KJYt ._hEgnv label {
1604
+ color: #333333;
1605
+ font-weight: 500;
1606
+ font-size: 14px;
1607
+ align-items: center;
1608
+ text-align: right;
1609
+ color: #333333;
1610
+ margin-bottom: 5px;
1611
+ font-family: "Roboto";
1612
+ }
1613
+
1614
+ ._2KJYt ._hEgnv span {
1615
+ font-weight: 400;
1616
+ font-size: 14px;
1617
+ line-height: 16px;
1618
+ text-align: right;
1619
+ color: #4d4d4d;
1620
+ font-family: "Roboto";
1621
+ }
1622
+
1623
+ ._34-k0 ._119UL {
1624
+ margin-top: 30px;
1625
+ display: flex;
1626
+ justify-content: center;
1627
+ align-items: center;
1628
+ flex-direction: column;
1629
+ }
1630
+
1631
+ ._34-k0 ._119UL ._tlvnI {
1632
+ display: flex;
1633
+ justify-content: center;
1634
+ align-items: center;
1635
+ margin-bottom: 10px;
1636
+ }
1637
+
1638
+ ._34-k0 ._119UL ._rKYWD {
1639
+ width: 12px;
1640
+ height: 12px;
1641
+ margin-right: 8px;
1642
+ border-radius: 2px;
1643
+ }
1644
+
1645
+ ._34-k0 ._119UL ._2Ehxf {
1646
+ padding-right: 8px;
1647
+ color: #4d4d4d;
1648
+ letter-spacing: 0.01em;
1649
+ font-weight: 400;
1650
+ font-size: 16px;
1651
+ font-family: "Roboto";
1652
+ }
1653
+
1654
+ ._L1RnZ {
1655
+ padding-right: 10px;
1656
+ padding-left: 10px;
1657
+ padding-bottom: 10px;
1658
+ }
1659
+
1660
+ ._L1RnZ ._hEgnv {
1661
+ position: absolute;
1662
+ right: 35px;
1663
+ top: 10px;
1664
+ display: flex;
1665
+ justify-content: flex-end;
1666
+ flex-wrap: wrap;
1667
+ width: 150px;
1668
+ }
1669
+
1670
+ ._L1RnZ ._hEgnv label {
1671
+ color: #333333;
1672
+ font-weight: 500;
1673
+ font-size: 14px;
1674
+ align-items: center;
1675
+ text-align: right;
1676
+ color: #333333;
1677
+ margin-bottom: 5px;
1678
+ font-family: "Roboto";
1679
+ }
1680
+
1681
+ ._L1RnZ ._hEgnv span {
1682
+ font-weight: 400;
1683
+ font-size: 14px;
1684
+ line-height: 16px;
1685
+ text-align: right;
1686
+ color: #4d4d4d;
1687
+ font-family: "Roboto";
1688
+ }
1689
+
1690
+ ._18zab {
1691
+ position: relative;
1692
+ }
1693
+
1694
+ ._18zab ._1NRsG {
1695
+ width: 100%;
1696
+ bottom: 40px;
1697
+ position: relative;
1698
+
1699
+ }
1700
+
1701
+ ._18zab ._1jDpB {
1702
+ width: 80%;
1703
+ margin: 35px auto 0px;
1704
+ display: flex;
1705
+ justify-content: space-between;
1706
+ align-items: center;
1707
+ }
1708
+
1709
+ ._18zab ._1jDpB div {
1710
+ font-family: "Roboto";
1711
+ font-weight: 600;
1712
+ font-size: 12px;
1713
+ }
1714
+
1715
+ ._18zab ._93MRp {
1716
+ display: flex;
1717
+ justify-content: center;
1718
+ position: relative;
1719
+ bottom: 20px;
1720
+ }
1721
+
1722
+ ._18zab ._93MRp ._27ojF {
1723
+ display: flex;
1724
+ margin-right: 20px;
1725
+ align-items: center;
1726
+ }
1727
+
1728
+ ._18zab ._93MRp ._rKYWD {
1729
+ width: 10px;
1730
+ height: 10px;
1731
+ margin-right: 5px;
1732
+ border-radius: 2px;
1733
+ }
1734
+
1735
+ ._18zab ._93MRp ._3hlTa {
1736
+ font-family: "Roboto";
1737
+ font-weight: 400;
1738
+ font-size: 14px;
1739
+ letter-spacing: 0.01em;
1740
+ color: #4d4d4d;
1741
+ margin-bottom: 0;
1742
+ margin: 0;
1743
+ }
1744
+
1745
+ ._18zab ._93MRp ._1LGIl {
1746
+ display: flex;
1747
+ justify-content: center;
1748
+ align-items: center;
1749
+ margin-right: 10px;
1750
+ }
1751
+
1752
+ ._18zab ._93MRp ._EIKHR {
1753
+ font-weight: 400;
1754
+ font-size: 16px;
1755
+ letter-spacing: 0.01em;
1756
+ color: #252733;
1757
+ font-family: "Roboto";
1758
+ }
1759
+
1760
+ ._18zab ._3ipHU {
1761
+ position: absolute;
1762
+ right: 22px;
1763
+ top: 20px
1764
+ }
1765
+
1766
+ ._18zab ._3ipHU ._35mGN {
1767
+ margin-bottom: 22.5px;
1768
+ font-weight: 400;
1769
+ font-size: 12px;
1770
+ text-align: center;
1771
+ letter-spacing: 0.01em;
1772
+ color: #9a9a9a;
1773
+ font-family: "Roboto";
1774
+ }
1775
+
1776
+ ._18zab ._1769M {
1777
+ position: relative;
1778
+ }
1779
+
1780
+ ._18zab ._ton1p {
1781
+ padding-right: 50px;
1782
+ }
1783
+
1784
+ ._2LTMk {
1785
+ width: 100%;
1786
+ text-align: center;
1787
+ font-weight: 400;
1788
+ font-size: 16px;
1789
+ text-align: right;
1790
+ letter-spacing: 0.01em;
1791
+ color: #808080;
1792
+ display: flex;
1793
+ justify-content: center;
1794
+ align-items: center;
1795
+ font-family: "Roboto";
1796
+ }
1797
+
1798
+
1799
+ ._3f2-D {
1800
+ font-size: 24px;
1801
+ font-weight: 700;
1802
+ margin-bottom: 5px !important;
1803
+ font-family: "Roboto";
1804
+ }
1805
+
1806
+ ._19k86 {
1807
+ font-size: 16px;
1808
+ font-weight: 400;
1809
+ margin-bottom: 5px !important;
1810
+ }
1811
+
1812
+ ._2ZpLB {
1813
+ display: flex !important;
1814
+ align-items: center;
1815
+ }
1816
+
1817
+ ._jLDZ4 {
1818
+ font-size: 16px;
1819
+ font-weight: 400;
1820
+ font-family: "Roboto";
1821
+ }
1822
+
1823
+ ._2sMK7 {
1824
+ background-color: #28BE76;
1825
+ }
1826
+ ._2KJYt ._1E7vX{
1827
+ font-weight: 400;
1828
+ font-size: 16px;
1829
+ text-align: center;
1830
+ letter-spacing: 0.01em;
1831
+ color: #808080;
1832
+ margin-bottom: 20px;
1833
+ font-family: "Roboto";
1834
+ }
1835
+
1836
+
1837
+ ._3Xggx {
1838
+ position: absolute;
1839
+ /* opacity: 0; */
1840
+ z-index: -999;
1841
+ left: 0;
1842
+ top: 0;
1843
+ }
1844
+
1845
+ ._3Xggx > img {
1846
+ /* width: 100%; */
1847
+ /* height: 100%; */
1848
+ /* object-fit: cover; */
1849
+ }
1850
+
1851
+ ._3zQW_ {
1852
+ position: absolute;
1853
+ z-index: -9999;
1854
+ width: 1792px;
1855
+ opacity: 0;
1856
+ top: -35px;
1857
+ left: -630px;
1858
+ }
1859
+
1860
+ ._34-k0 {
1861
+ height: 100%;
1862
+ display: flex;
1863
+ justify-content: center;
1864
+ flex-direction: column;
1865
+ justify-content: space-between;
1866
+ }
1867
+ ._34-k0 ._2HMn5 {
1868
+ width: 100%;
1869
+ }
1870
+ ._34-k0 ._xbK6p {
1871
+ width: 100%;
1872
+ @media only screen and (min-width: 1200px) and (max-width: 1280px) {
1873
+ /* height: 55%; */
1874
+ /* bottom: 86px; */
1875
+ }
1876
+ }
1877
+ ._1qtzK, ._g4q-z, ._9ibzA {
1878
+ box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
1879
+ border-radius: 20px;
1880
+ padding: 10px;
1881
+ margin-left: unset !important;
1882
+ margin-right: unset !important;
1883
+ }
1884
+
1885
+ ._1E7vX {
1886
+ font-size: 20px;
1887
+ font-weight: 700;
1888
+ padding: 10px;
1889
+ margin-bottom: 0 !important;
1890
+ font-family: 'Montserrat-Bold' !important;
1891
+ }
1892
+
1893
+ ._1s7DG {
1894
+ display: flex;
1895
+ align-items: center;
1896
+ justify-content: space-between;
1897
+ }
1898
+
1899
+
1900
+ ._12jqi,
1901
+ ._2rwg5 {
1902
+ background-color: #fff;
1903
+ }
1904
+
1905
+ ._12jqi {
1906
+ padding-bottom: 10px;
1907
+ width: 100%;
1908
+ }
1909
+
1910
+ ._12jqi ._3iwnG {
1911
+ padding-left: 10px;
1912
+ }
1913
+
1914
+ ._n_lnI {
1915
+ padding-right: 50px;
1916
+ }
1917
+
1918
+ ._12jqi ._rKYWD {
1919
+ width: 10px;
1920
+ height: 10px;
1921
+ margin-right: 5px;
1922
+ border-radius: 2px;
1923
+ }
1924
+
1925
+ ._12jqi ._n_lnI ._3hlTa {
1926
+ font-weight: 400;
1927
+ font-size: 14px;
1928
+ letter-spacing: 0.01em;
1929
+ color: #4d4d4d;
1930
+ margin-bottom: 0;
1931
+ font-family: "Roboto";
1932
+ }
1933
+
1934
+ ._12jqi ._1LGIl {
1935
+ display: flex;
1936
+ justify-content: center;
1937
+ align-items: center;
1938
+ margin-right: 10px;
1939
+ }
1940
+
1941
+ ._12jqi ._EIKHR {
1942
+ font-weight: 400;
1943
+ font-size: 16px;
1944
+ letter-spacing: 0.01em;
1945
+ color: #252733 !important;
1946
+ font-family: "Roboto";
1947
+ }
1948
+
1949
+ ._12jqi ._1mr1m > label {
1950
+ font-weight: 600;
1951
+ font-size: 18px;
1952
+ color: #252733 !important;
1953
+ font-family: "Roboto";
1954
+ }
1955
+
1956
+ ._E_ciE {
1957
+ width: 100%;
1958
+ padding: 20px;
1959
+ display: flex;
1960
+ flex-wrap: wrap;
1961
+ }
1962
+
1963
+ ._E_ciE ._27ojF {
1964
+ display: flex;
1965
+ justify-content: center;
1966
+ align-items: center;
1967
+ }
1968
+ ._5wSJP {
1969
+ display: flex;
1970
+ padding-right: 15px;
1971
+
1972
+ }
1973
+
1974
+ ._5wSJP ._1h1ro {
1975
+ padding-right: 5px;
1976
+ display: flex;
1977
+ align-items: center;
1978
+ }
1979
+
1980
+
1981
+ ._EIKHR {
1982
+ font-family: "Roboto" !important;
1983
+ font-weight: 400;
1984
+ margin-top: 2px;
1985
+ }
1986
+ ._2MTrM {
1987
+ display: flex;
1988
+ justify-content: space-evenly;
1989
+ }
1990
+
1991
+ ._2MTrM ._2kriq {
1992
+ display: flex;
1993
+ align-items: center;
1994
+ }
1995
+
1996
+ ._2MTrM ._jOIdn {
1997
+ width: 15px;
1998
+ height: 15px;
1999
+ border-radius: 2px;
2000
+ margin-right: 5px;
2001
+ }
2002
+
2003
+ ._1bZCU{
2004
+ display: none;
2005
+ }
2006
+
2007
+ @media (max-width: 576px) {
2008
+ ._2n_zv{
2009
+ padding: 0 10px;
2010
+ }
2011
+
2012
+ ._1bZCU{
2013
+ display: block;
2014
+ background: #ffffff;
2015
+ border: 1px solid #ebeff2;
2016
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
2017
+ border-radius: 8px;
2018
+ }
2019
+
2020
+ ._FjhpG{
2021
+ gap: 6px;
2022
+ }
2023
+
2024
+ ._4SQcs{
2025
+ gap: 8px;
2026
+ }
2027
+ }
2028
+
2029
+ @media (min-width: 577px) and (max-width: 768px) {
2030
+ ._2n_zv{
2031
+ padding: 0 15px;
2032
+ }
2033
+ }
2034
+
2035
+ @media (max-width: 768px) {
2036
+ ._34-k0{
2037
+ padding-top: 2rem;
2038
+ padding-bottom: 2rem;
2039
+ }
2040
+
2041
+ ._xbK6p {
2042
+ height: 100%;
2043
+ display: flex;
2044
+ flex-direction: column;
2045
+ align-items: center;
2046
+ }
2047
+
2048
+ ._2MTrM{
2049
+ gap: 20px;
2050
+ }
2051
+ }
2052
+ @media (min-width: 2100px) {
2053
+ ._2MTrM{
2054
+ gap: 50px;
2055
+ justify-content: start;
2056
+ margin-left: 78px;
2057
+ }
2058
2058
  }