mario-education 2.4.159-level → 2.4.160-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 (9) hide show
  1. package/dist/index.css +2179 -2179
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js.map +1 -1
  4. package/package.json +98 -98
  5. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/components/ReadinessToLearn.d.ts +0 -7
  6. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchCounselor/hooks/useSwitchAssistant.d.ts +0 -18
  7. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchSecondaryTeacher/components/SwitchCounselorModal.d.ts +0 -4
  8. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchSecondaryTeacher/hooks/useSwitchCounselor.d.ts +0 -18
  9. /package/dist/MarioFramework.Education/ClientApp/src/utils/{servicetype.interface.d.ts → serviceType.interface.d.ts} +0 -0
package/dist/index.css CHANGED
@@ -1,2180 +1,2180 @@
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: absolute;
1169
- z-index: -9999;
1170
- width: 1792px;
1171
- opacity: 0;
1172
- top: -35px;
1173
- left: -630px;
1174
- }
1175
-
1176
- ._sQ21k {
1177
- position: absolute;
1178
- z-index: -999;
1179
- right: 0;
1180
- display: flex;
1181
- align-items: center;
1182
- }
1183
-
1184
- ._3Eas5 {
1185
- max-height: 430px;
1186
- }
1187
-
1188
- ._1tKnn{
1189
- display: none;
1190
- }
1191
-
1192
- @media (max-width: 374px) {
1193
- ._CHu-i {
1194
- font-size: 18px;
1195
- }
1196
- ._CHu-i + img {
1197
- width: 36px;
1198
- height: 36px;
1199
- }
1200
- }
1201
-
1202
- @media (max-width: 576px) {
1203
- ._10Pgm{
1204
- padding: 0 10px;
1205
- }
1206
-
1207
- ._2j8fp ._TPa6x {
1208
- padding-right: 10px;
1209
- }
1210
-
1211
- ._2j8fp ._1PPhv {
1212
- display: none;
1213
- }
1214
-
1215
- ._1tKnn{
1216
- display: block;
1217
- background: #ffffff;
1218
- border: 1px solid #ebeff2;
1219
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1220
- border-radius: 8px;
1221
- }
1222
-
1223
- ._1Zuq3{
1224
- gap: 6px;
1225
- }
1226
-
1227
- ._2Hdbu {
1228
- gap: 8px;
1229
- }
1230
-
1231
- ._3dK0P {
1232
- max-width: 150px;
1233
- }
1234
-
1235
- ._348ls {
1236
- align-items: baseline;
1237
- }
1238
- }
1239
-
1240
- @media (min-width: 577px) and (max-width: 992px){
1241
- ._1i0El {
1242
- gap: 8px;
1243
- }
1244
-
1245
- ._2Hdbu {
1246
- gap: 8px;
1247
- }
1248
- }
1249
- ._3U9cF {
1250
- padding: 16px;
1251
- min-height: 530px;
1252
- height: 100%;
1253
- display: flex;
1254
- flex-direction: column;
1255
- background: #ffffff;
1256
- border: 1px solid #ebeff2;
1257
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1258
- border-radius: 8px;
1259
- margin-bottom: 20px;
1260
- }
1261
-
1262
- ._3lYP4 {
1263
- max-width: 200px;
1264
- }
1265
-
1266
- ._EIKHR {
1267
- font-family: 'Roboto' !important;
1268
- font-weight: 400;
1269
- margin-top: 2px;
1270
- }
1271
- ._3waCS {
1272
- font-size: 20px;
1273
- }
1274
-
1275
- ._2n_zv {
1276
- /* background: #E5E5E5; */
1277
- }
1278
-
1279
- ._36sKX {
1280
- font-size: 30px;
1281
- }
1282
-
1283
- ._1TjNf {
1284
- color: #fc4747;
1285
- }
1286
-
1287
- ._i4rwq {
1288
- color: #0dc16a;
1289
- }
1290
-
1291
- ._BlYR7 {
1292
- background: #f6f6f6;
1293
- }
1294
-
1295
- ._3fBK1 {
1296
- font-weight: bold;
1297
- font-size: 14px;
1298
- line-height: 16px;
1299
- }
1300
-
1301
- ._2w6yc {
1302
- font-weight: 700;
1303
- font-size: 32px;
1304
- line-height: 100%;
1305
- margin: 0;
1306
- }
1307
-
1308
- ._1aq6C {
1309
- font-weight: 600;
1310
- font-size: 12px;
1311
- line-height: 14px;
1312
- }
1313
-
1314
- ._2lX51 {
1315
- font-weight: 400;
1316
- font-size: 10px;
1317
- line-height: 12px;
1318
- }
1319
-
1320
- ._3fBK1,
1321
- ._2w6yc,
1322
- ._1aq6C,
1323
- ._2lX51 {
1324
- font-family: "Roboto", sans-serif;
1325
- }
1326
-
1327
- ._jGO7A {
1328
- margin: 10px 0;
1329
- }
1330
-
1331
- ._2dXys {
1332
- width: 35px;
1333
- color: #0d9994;
1334
- text-align: center;
1335
- }
1336
-
1337
- ._3-8WB {
1338
- background: #cef7f5;
1339
- color: #0d9994;
1340
- border-radius: 8px;
1341
- }
1342
-
1343
- ._5QHKk {
1344
- color: #1da370;
1345
- }
1346
-
1347
- ._2UyJG {
1348
- border: none;
1349
- background: #fff;
1350
- }
1351
-
1352
- ._1SL-6 {
1353
- display: flex;
1354
- justify-content: space-between;
1355
- width: 100%;
1356
- }
1357
-
1358
- ._pKQ8e {
1359
- min-width: 200px;
1360
- margin-bottom: 10px;
1361
- height: 100%;
1362
- background-color: hsl(0, 0%, 100%);
1363
- border-color: hsl(0, 0%, 80%);
1364
- border-radius: 4px;
1365
- border-style: solid;
1366
- border-width: 1px;
1367
- padding: 8px;
1368
- width: 100%;
1369
- }
1370
-
1371
- ._2eZGm {
1372
- display: flex;
1373
- justify-content: flex-start;
1374
- flex-wrap: wrap;
1375
- padding: 0px 16px;
1376
- }
1377
-
1378
- ._dz04Q {
1379
- display: flex;
1380
- justify-content: flex-end;
1381
- flex-wrap: wrap;
1382
- max-width: 700px;
1383
- }
1384
-
1385
- ._OhjkA {
1386
- min-width: 200px;
1387
- margin-left: 20px;
1388
- margin-bottom: 10px;
1389
- height: 38px;
1390
- }
1391
-
1392
- ._-q4tF {
1393
- width: 220px;
1394
- margin-right: 20px;
1395
- margin-bottom: 10px;
1396
- height: 38px;
1397
- }
1398
-
1399
- ._nukn6 {
1400
- max-width: 440px;
1401
- display: flex;
1402
- flex-wrap: wrap;
1403
- }
1404
-
1405
- ._2ysrj {
1406
- background: #ffffff;
1407
- border: 1px solid #ebeff2;
1408
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1409
- border-radius: 8px;
1410
- }
1411
-
1412
- ._37HdU {
1413
- min-width: 255px;
1414
- flex-basis: 19%;
1415
- }
1416
-
1417
- ._37HdU ._3fBK1 {
1418
- font-family: 'Roboto';
1419
- font-weight: 500;
1420
- font-size: 14px;
1421
- line-height: 16px;
1422
- }
1423
-
1424
- ._37HdU:last-child {
1425
- padding: 20px 0px !important;
1426
- }
1427
-
1428
- ._37HdU:last-child div {
1429
- width: 80%;
1430
- margin: 0 auto;
1431
- }
1432
-
1433
- ._-jYtE {
1434
- height: auto;
1435
- width: 100%;
1436
- -o-object-fit: scale-down;
1437
- object-fit: scale-down;
1438
- max-height: 300px;
1439
- }
1440
-
1441
- ._-jYtE._2FOHk {
1442
- height: 300px;
1443
- width: 100%;
1444
- -o-object-fit: scale-down;
1445
- object-fit: scale-down;
1446
- }
1447
-
1448
- ._38Xgv ._3m9ET ._3QJAM {
1449
- font-size: 20px;
1450
- }
1451
-
1452
- ._38Xgv {
1453
- overflow: hidden;
1454
- max-height: 470px;
1455
- }
1456
-
1457
- @media (min-width: 1024px) {
1458
- ._11W3J {
1459
- max-width: 60%;
1460
- }
1461
-
1462
- ._2-frJ {
1463
- max-width: 55%;
1464
- }
1465
- }
1466
-
1467
- ._1_YyD {
1468
- font-weight: 700;
1469
- font-size: 24px;
1470
- line-height: 116%;
1471
- }
1472
-
1473
- ._xbK6p {
1474
- overflow: hidden;
1475
- height: 416px;
1476
- }
1477
-
1478
- @media (min-width: 2250px) {
1479
- ._xbK6p {
1480
- /* width: 100%;
1481
- display: flex;
1482
- justify-content: center;
1483
- align-items: center; */
1484
- }
1485
- }
1486
-
1487
- @media (max-width: 720px) {
1488
- ._11sYZ {
1489
- padding-right: 20px;
1490
- }
1491
- }
1492
-
1493
-
1494
- /* new design; */
1495
- ._rFfwe {
1496
- box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
1497
- }
1498
-
1499
- ._zLI7s {
1500
- border-radius: 8px;
1501
- overflow: hidden;
1502
- position: relative;
1503
- padding: 10px 0px;
1504
- }
1505
-
1506
- ._OoZLR._zLI7s::after {
1507
- content: "";
1508
- width: 1px;
1509
- height: 100%;
1510
- position: absolute;
1511
- top: 0;
1512
- left: 50%;
1513
- transform: translate(-50%, 0);
1514
- display: block;
1515
- background: rgba(51, 51, 51, 0.1);
1516
- }
1517
-
1518
- ._zLI7s ._3mzht {
1519
- background: #FFFFFF;
1520
- border-radius: 8px;
1521
- padding: 20px;
1522
- /* cursor: pointer; */
1523
- }
1524
-
1525
- ._2gXQT {}
1526
-
1527
- ._2gXQT ._3XABq {
1528
- color: "#B2B2B2";
1529
- font-size: 18px;
1530
- }
1531
-
1532
- ._3mzht ._1FHsv {
1533
- color: #D9D9D9;
1534
- display: flex;
1535
- align-items: center;
1536
- }
1537
-
1538
- ._3mzht ._2JBD5 {
1539
- font-weight: 700;
1540
- font-size: 18px;
1541
- letter-spacing: 0.01em;
1542
- color: #262626;
1543
- font-family: "Roboto";
1544
- }
1545
-
1546
- ._3mzht ._2gXQT {
1547
- display: flex;
1548
- align-items: center;
1549
- }
1550
-
1551
- ._2OEd7 {
1552
- border-radius: 4px;
1553
- background: #ffff;
1554
- }
1555
-
1556
- ._2nyRe {
1557
- padding: 6px 12px 6px 0px;
1558
- border-radius: 0 4px 4px 0;
1559
- background: #336DDA;
1560
- color: #fff;
1561
- }
1562
-
1563
- ._31EdD {
1564
- padding: 5px 8px 7px 6px;
1565
- border-radius: 4px 0 0 4px;
1566
- background: #336DDA;
1567
- }
1568
-
1569
- ._3mzht ._TmymT {
1570
- font-size: 16px;
1571
- }
1572
-
1573
- ._3X_ow {
1574
- cursor: pointer;
1575
- }
1576
-
1577
- ._3mzht ._1qdL4 {
1578
- cursor: pointer;
1579
- }
1580
-
1581
- ._1qdL4 svg {
1582
- width: 20px !important;
1583
- height: auto !important;
1584
- }
1585
-
1586
- ._3mzht ._PghQI {
1587
- font-weight: 400;
1588
- font-size: 16px;
1589
- line-height: 100%;
1590
- color: #252733;
1591
- }
1592
-
1593
- ._12jqi,
1594
- ._2rwg5 {
1595
- background-color: #fff;
1596
- }
1597
-
1598
- ._12jqi {
1599
- padding-bottom: 10px;
1600
- }
1601
-
1602
- ._12jqi ._3iwnG {
1603
- padding-left: 10px;
1604
- }
1605
-
1606
- ._12jqi ._rKYWD {
1607
- width: 10px;
1608
- height: 10px;
1609
- margin-right: 5px;
1610
- border-radius: 2px;
1611
- }
1612
-
1613
- ._12jqi ._n_lnI ._3hlTa {
1614
- font-weight: 400;
1615
- font-size: 14px;
1616
- letter-spacing: 0.01em;
1617
- color: #4d4d4d;
1618
- margin-bottom: 0;
1619
- font-family: 'Roboto';
1620
- }
1621
-
1622
- ._12jqi ._1LGIl {
1623
- display: flex;
1624
- justify-content: center;
1625
- align-items: center;
1626
- margin-right: 10px;
1627
- }
1628
-
1629
- ._12jqi ._EIKHR {
1630
- font-weight: 400;
1631
- font-size: 16px;
1632
- letter-spacing: 0.01em;
1633
- color: #252733 !important;
1634
- font-family: "Roboto";
1635
- }
1636
-
1637
- ._12jqi ._1mr1m>label {
1638
- font-weight: 600;
1639
- font-size: 18px;
1640
- color: #252733 !important;
1641
- font-family: "Roboto";
1642
- }
1643
-
1644
- ._E_ciE {
1645
- width: 100%;
1646
- padding: 20px;
1647
- }
1648
-
1649
- ._E_ciE ._27ojF {
1650
- display: flex;
1651
- justify-content: center;
1652
- align-items: center;
1653
- }
1654
-
1655
- ._n_lnI {
1656
- padding-right: 50px;
1657
- }
1658
- ._2KJYt{
1659
- /* height: 410px; */
1660
- }
1661
-
1662
- ._2KJYt ._hEgnv {
1663
- position: absolute;
1664
- right: 60px;
1665
- display: flex;
1666
- justify-content: flex-end;
1667
- flex-wrap: wrap;
1668
- width: 150px;
1669
- }
1670
-
1671
- ._2KJYt ._hEgnv label {
1672
- color: #333333;
1673
- font-weight: 500;
1674
- font-size: 14px;
1675
- align-items: center;
1676
- text-align: right;
1677
- color: #333333;
1678
- margin-bottom: 5px;
1679
- font-family: "Roboto";
1680
- }
1681
-
1682
- ._2KJYt ._hEgnv span {
1683
- font-weight: 400;
1684
- font-size: 14px;
1685
- line-height: 16px;
1686
- text-align: right;
1687
- color: #4d4d4d;
1688
- font-family: "Roboto";
1689
- }
1690
-
1691
- ._34-k0 ._119UL {
1692
- margin-top: 30px;
1693
- display: flex;
1694
- justify-content: center;
1695
- align-items: center;
1696
- flex-direction: column;
1697
- }
1698
-
1699
- ._34-k0 ._119UL ._tlvnI {
1700
- display: flex;
1701
- justify-content: center;
1702
- align-items: center;
1703
- margin-bottom: 10px;
1704
- }
1705
-
1706
- ._34-k0 ._119UL ._rKYWD {
1707
- width: 12px;
1708
- height: 12px;
1709
- margin-right: 8px;
1710
- border-radius: 2px;
1711
- }
1712
-
1713
- ._34-k0 ._119UL ._2Ehxf {
1714
- padding-right: 8px;
1715
- color: #4d4d4d;
1716
- letter-spacing: 0.01em;
1717
- font-weight: 400;
1718
- font-size: 16px;
1719
- font-family: "Roboto";
1720
- }
1721
-
1722
- ._L1RnZ {
1723
- padding-right: 10px;
1724
- padding-left: 10px;
1725
- padding-bottom: 10px;
1726
- }
1727
-
1728
- ._L1RnZ ._hEgnv {
1729
- position: absolute;
1730
- right: 35px;
1731
- top: 10px;
1732
- display: flex;
1733
- justify-content: flex-end;
1734
- flex-wrap: wrap;
1735
- width: 150px;
1736
- }
1737
-
1738
- ._L1RnZ ._hEgnv label {
1739
- color: #333333;
1740
- font-weight: 500;
1741
- font-size: 14px;
1742
- align-items: center;
1743
- text-align: right;
1744
- color: #333333;
1745
- margin-bottom: 5px;
1746
- font-family: "Roboto";
1747
- }
1748
-
1749
- ._L1RnZ ._hEgnv span {
1750
- font-weight: 400;
1751
- font-size: 14px;
1752
- line-height: 16px;
1753
- text-align: right;
1754
- color: #4d4d4d;
1755
- font-family: "Roboto";
1756
- }
1757
-
1758
- ._18zab {
1759
- position: relative;
1760
- }
1761
-
1762
- ._18zab ._1NRsG {
1763
- width: 100%;
1764
- bottom: 40px;
1765
- position: relative;
1766
-
1767
- }
1768
-
1769
- ._18zab ._1jDpB {
1770
- width: 80%;
1771
- margin: 35px auto 0px;
1772
- display: flex;
1773
- justify-content: space-between;
1774
- align-items: center;
1775
- }
1776
-
1777
- ._18zab ._1jDpB div {
1778
- font-family: "Roboto";
1779
- font-weight: 600;
1780
- font-size: 12px;
1781
- }
1782
-
1783
- ._18zab ._93MRp {
1784
- display: flex;
1785
- justify-content: center;
1786
- position: relative;
1787
- bottom: 20px;
1788
- }
1789
-
1790
- ._18zab ._93MRp ._27ojF {
1791
- display: flex;
1792
- margin-right: 20px;
1793
- align-items: center;
1794
- }
1795
-
1796
- ._18zab ._93MRp ._rKYWD {
1797
- width: 10px;
1798
- height: 10px;
1799
- margin-right: 5px;
1800
- border-radius: 2px;
1801
- }
1802
-
1803
- ._18zab ._93MRp ._3hlTa {
1804
- font-family: "Roboto";
1805
- font-weight: 400;
1806
- font-size: 14px;
1807
- letter-spacing: 0.01em;
1808
- color: #4d4d4d;
1809
- margin-bottom: 0;
1810
- margin: 0;
1811
- }
1812
-
1813
- ._18zab ._93MRp ._1LGIl {
1814
- display: flex;
1815
- justify-content: center;
1816
- align-items: center;
1817
- margin-right: 10px;
1818
- }
1819
-
1820
- ._18zab ._93MRp ._EIKHR {
1821
- font-weight: 400;
1822
- font-size: 16px;
1823
- letter-spacing: 0.01em;
1824
- color: #252733;
1825
- font-family: "Roboto";
1826
- }
1827
-
1828
- ._18zab ._3ipHU {
1829
- position: absolute;
1830
- right: 22px;
1831
- top: 20px
1832
- }
1833
-
1834
- ._18zab ._3ipHU ._35mGN {
1835
- margin-bottom: 22.5px;
1836
- font-weight: 400;
1837
- font-size: 12px;
1838
- text-align: center;
1839
- letter-spacing: 0.01em;
1840
- color: #9a9a9a;
1841
- font-family: "Roboto";
1842
- }
1843
-
1844
- ._18zab ._1769M {
1845
- position: relative;
1846
- }
1847
-
1848
- ._18zab ._ton1p {
1849
- padding-right: 50px;
1850
- }
1851
-
1852
- ._2LTMk {
1853
- width: 100%;
1854
- text-align: center;
1855
- font-weight: 400;
1856
- font-size: 16px;
1857
- text-align: right;
1858
- letter-spacing: 0.01em;
1859
- color: #808080;
1860
- display: flex;
1861
- justify-content: center;
1862
- align-items: center;
1863
- font-family: "Roboto";
1864
- }
1865
-
1866
-
1867
- ._3f2-D {
1868
- font-size: 24px;
1869
- font-weight: 700;
1870
- margin-bottom: 5px !important;
1871
- font-family: "Roboto";
1872
- }
1873
-
1874
- ._19k86 {
1875
- font-size: 16px;
1876
- font-weight: 400;
1877
- margin-bottom: 5px !important;
1878
- }
1879
-
1880
- ._2ZpLB {
1881
- display: flex !important;
1882
- align-items: center;
1883
- }
1884
-
1885
- ._jLDZ4 {
1886
- font-size: 16px;
1887
- font-weight: 400;
1888
- font-family: "Roboto";
1889
- }
1890
-
1891
- ._2sMK7 {
1892
- background-color: #28BE76;
1893
- }
1894
- ._2KJYt ._1E7vX{
1895
- font-weight: 400;
1896
- font-size: 16px;
1897
- text-align: center;
1898
- letter-spacing: 0.01em;
1899
- color: #808080;
1900
- margin-bottom: 20px;
1901
- font-family: "Roboto";
1902
- }
1903
-
1904
-
1905
- ._3Xggx {
1906
- position: absolute;
1907
- /* opacity: 0; */
1908
- z-index: -999;
1909
- left: 0;
1910
- top: 0;
1911
- }
1912
-
1913
- ._3Xggx > img {
1914
- /* width: 100%; */
1915
- /* height: 100%; */
1916
- /* object-fit: cover; */
1917
- }
1918
-
1919
- ._3zQW_ {
1920
- position: absolute;
1921
- z-index: -9999;
1922
- width: 1792px;
1923
- opacity: 0;
1924
- top: -35px;
1925
- left: -630px;
1926
- }
1927
-
1928
- ._34-k0 {
1929
- height: 100%;
1930
- display: flex;
1931
- justify-content: center;
1932
- flex-direction: column;
1933
- justify-content: space-between;
1934
- }
1935
- ._34-k0 ._2HMn5 {
1936
- width: 100%;
1937
- }
1938
- ._34-k0 ._xbK6p {
1939
- width: 100%;
1940
- @media only screen and (min-width: 1200px) and (max-width: 1280px) {
1941
- /* height: 55%; */
1942
- /* bottom: 86px; */
1943
- }
1944
- }
1945
- ._1qtzK, ._g4q-z, ._9ibzA {
1946
- box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
1947
- border-radius: 20px;
1948
- padding: 10px;
1949
- margin-left: unset !important;
1950
- margin-right: unset !important;
1951
- }
1952
-
1953
- ._1E7vX {
1954
- font-size: 20px;
1955
- font-weight: 700;
1956
- padding: 10px;
1957
- margin-bottom: 0 !important;
1958
- font-family: 'Montserrat-Bold' !important;
1959
- }
1960
-
1961
- ._1s7DG {
1962
- display: flex;
1963
- align-items: center;
1964
- justify-content: space-between;
1965
- }
1966
-
1967
-
1968
- ._12jqi,
1969
- ._2rwg5 {
1970
- background-color: #fff;
1971
- }
1972
-
1973
- ._12jqi {
1974
- padding-bottom: 10px;
1975
- width: 100%;
1976
- }
1977
-
1978
- ._12jqi ._3iwnG {
1979
- padding-left: 10px;
1980
- }
1981
-
1982
- ._n_lnI {
1983
- padding-right: 50px;
1984
- }
1985
-
1986
- ._12jqi ._rKYWD {
1987
- width: 10px;
1988
- height: 10px;
1989
- margin-right: 5px;
1990
- border-radius: 2px;
1991
- }
1992
-
1993
- ._12jqi ._n_lnI ._3hlTa {
1994
- font-weight: 400;
1995
- font-size: 14px;
1996
- letter-spacing: 0.01em;
1997
- color: #4d4d4d;
1998
- margin-bottom: 0;
1999
- font-family: "Roboto";
2000
- }
2001
-
2002
- ._12jqi ._1LGIl {
2003
- display: flex;
2004
- justify-content: center;
2005
- align-items: center;
2006
- margin-right: 10px;
2007
- }
2008
-
2009
- ._12jqi ._EIKHR {
2010
- font-weight: 400;
2011
- font-size: 16px;
2012
- letter-spacing: 0.01em;
2013
- color: #252733 !important;
2014
- font-family: "Roboto";
2015
- }
2016
-
2017
- ._12jqi ._1mr1m > label {
2018
- font-weight: 600;
2019
- font-size: 18px;
2020
- color: #252733 !important;
2021
- font-family: "Roboto";
2022
- }
2023
-
2024
- ._E_ciE {
2025
- width: 100%;
2026
- padding: 20px;
2027
- display: flex;
2028
- flex-wrap: wrap;
2029
- }
2030
-
2031
- ._E_ciE ._27ojF {
2032
- display: flex;
2033
- justify-content: center;
2034
- align-items: center;
2035
- }
2036
- ._5wSJP {
2037
- display: flex;
2038
- padding-right: 15px;
2039
-
2040
- }
2041
-
2042
- ._5wSJP ._1h1ro {
2043
- padding-right: 5px;
2044
- display: flex;
2045
- align-items: center;
2046
- }
2047
-
2048
-
2049
- ._EIKHR {
2050
- font-family: "Roboto" !important;
2051
- font-weight: 400;
2052
- margin-top: 2px;
2053
- }
2054
- ._2MTrM {
2055
- display: flex;
2056
- justify-content: space-evenly;
2057
- }
2058
-
2059
- ._2MTrM ._2kriq {
2060
- display: flex;
2061
- align-items: center;
2062
- }
2063
-
2064
- ._2MTrM ._jOIdn {
2065
- width: 15px;
2066
- height: 15px;
2067
- border-radius: 2px;
2068
- margin-right: 5px;
2069
- }
2070
-
2071
- ._1bZCU{
2072
- display: none;
2073
- }
2074
-
2075
- @media (max-width: 576px) {
2076
- ._2n_zv{
2077
- padding: 0 10px;
2078
- }
2079
-
2080
- ._1bZCU{
2081
- display: block;
2082
- background: #ffffff;
2083
- border: 1px solid #ebeff2;
2084
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
2085
- border-radius: 8px;
2086
- }
2087
-
2088
- ._FjhpG{
2089
- gap: 6px;
2090
- }
2091
-
2092
- ._4SQcs{
2093
- gap: 8px;
2094
- }
2095
-
2096
- ._5wSJP{
2097
- padding-right: 6px;
2098
- width: 100%;
2099
- max-width: 130px;
2100
- align-items: start;
2101
- }
2102
-
2103
- ._5wSJP label {
2104
- display: flex;
2105
- align-items: center;
2106
- }
2107
-
2108
- ._n_lnI{
2109
- padding-right: 6px;
2110
- width: 100%;
2111
- max-width: 130px;
2112
- }
2113
-
2114
- ._n_lnI > ._27ojF{
2115
- justify-content: start;
2116
- align-items: baseline;
2117
- }
2118
-
2119
- ._n_lnI label {
2120
- display: flex;
2121
- align-items: center;
2122
- }
2123
-
2124
- }
2125
-
2126
- @media (min-width: 577px) and (max-width: 768px) {
2127
- ._2n_zv{
2128
- padding: 0 15px;
2129
- }
2130
- }
2131
-
2132
- @media (max-width: 768px) {
2133
- ._34-k0{
2134
- padding-top: 2rem;
2135
- padding-bottom: 2rem;
2136
- }
2137
-
2138
- ._xbK6p {
2139
- height: 100%;
2140
- display: flex;
2141
- flex-direction: column;
2142
- align-items: center;
2143
- }
2144
-
2145
- ._2MTrM{
2146
- gap: 20px;
2147
- }
2148
- }
2149
-
2150
- @media (min-width: 577px) and (max-width: 1023px) {
2151
- ._5wSJP{
2152
- padding-right: 0;
2153
- width: 100%;
2154
- max-width: 180px;
2155
- }
2156
- ._5wSJP label {
2157
- display: flex;
2158
- align-items: center;
2159
- }
2160
- ._n_lnI{
2161
- padding-right: 0;
2162
- width: 100%;
2163
- max-width: 130px;
2164
- }
2165
- ._n_lnI > ._27ojF{
2166
- justify-content: start;
2167
- }
2168
- ._n_lnI label {
2169
- display: flex;
2170
- align-items: center;
2171
- }
2172
- }
2173
-
2174
- @media (min-width: 2100px) {
2175
- ._2MTrM{
2176
- gap: 50px;
2177
- justify-content: start;
2178
- margin-left: 78px;
2179
- }
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: absolute;
1169
+ z-index: -9999;
1170
+ width: 1792px;
1171
+ opacity: 0;
1172
+ top: -35px;
1173
+ left: -630px;
1174
+ }
1175
+
1176
+ ._sQ21k {
1177
+ position: absolute;
1178
+ z-index: -999;
1179
+ right: 0;
1180
+ display: flex;
1181
+ align-items: center;
1182
+ }
1183
+
1184
+ ._3Eas5 {
1185
+ max-height: 430px;
1186
+ }
1187
+
1188
+ ._1tKnn{
1189
+ display: none;
1190
+ }
1191
+
1192
+ @media (max-width: 374px) {
1193
+ ._CHu-i {
1194
+ font-size: 18px;
1195
+ }
1196
+ ._CHu-i + img {
1197
+ width: 36px;
1198
+ height: 36px;
1199
+ }
1200
+ }
1201
+
1202
+ @media (max-width: 576px) {
1203
+ ._10Pgm{
1204
+ padding: 0 10px;
1205
+ }
1206
+
1207
+ ._2j8fp ._TPa6x {
1208
+ padding-right: 10px;
1209
+ }
1210
+
1211
+ ._2j8fp ._1PPhv {
1212
+ display: none;
1213
+ }
1214
+
1215
+ ._1tKnn{
1216
+ display: block;
1217
+ background: #ffffff;
1218
+ border: 1px solid #ebeff2;
1219
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1220
+ border-radius: 8px;
1221
+ }
1222
+
1223
+ ._1Zuq3{
1224
+ gap: 6px;
1225
+ }
1226
+
1227
+ ._2Hdbu {
1228
+ gap: 8px;
1229
+ }
1230
+
1231
+ ._3dK0P {
1232
+ max-width: 150px;
1233
+ }
1234
+
1235
+ ._348ls {
1236
+ align-items: baseline;
1237
+ }
1238
+ }
1239
+
1240
+ @media (min-width: 577px) and (max-width: 992px){
1241
+ ._1i0El {
1242
+ gap: 8px;
1243
+ }
1244
+
1245
+ ._2Hdbu {
1246
+ gap: 8px;
1247
+ }
1248
+ }
1249
+ ._3U9cF {
1250
+ padding: 16px;
1251
+ min-height: 530px;
1252
+ height: 100%;
1253
+ display: flex;
1254
+ flex-direction: column;
1255
+ background: #ffffff;
1256
+ border: 1px solid #ebeff2;
1257
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1258
+ border-radius: 8px;
1259
+ margin-bottom: 20px;
1260
+ }
1261
+
1262
+ ._3lYP4 {
1263
+ max-width: 200px;
1264
+ }
1265
+
1266
+ ._EIKHR {
1267
+ font-family: 'Roboto' !important;
1268
+ font-weight: 400;
1269
+ margin-top: 2px;
1270
+ }
1271
+ ._3waCS {
1272
+ font-size: 20px;
1273
+ }
1274
+
1275
+ ._2n_zv {
1276
+ /* background: #E5E5E5; */
1277
+ }
1278
+
1279
+ ._36sKX {
1280
+ font-size: 30px;
1281
+ }
1282
+
1283
+ ._1TjNf {
1284
+ color: #fc4747;
1285
+ }
1286
+
1287
+ ._i4rwq {
1288
+ color: #0dc16a;
1289
+ }
1290
+
1291
+ ._BlYR7 {
1292
+ background: #f6f6f6;
1293
+ }
1294
+
1295
+ ._3fBK1 {
1296
+ font-weight: bold;
1297
+ font-size: 14px;
1298
+ line-height: 16px;
1299
+ }
1300
+
1301
+ ._2w6yc {
1302
+ font-weight: 700;
1303
+ font-size: 32px;
1304
+ line-height: 100%;
1305
+ margin: 0;
1306
+ }
1307
+
1308
+ ._1aq6C {
1309
+ font-weight: 600;
1310
+ font-size: 12px;
1311
+ line-height: 14px;
1312
+ }
1313
+
1314
+ ._2lX51 {
1315
+ font-weight: 400;
1316
+ font-size: 10px;
1317
+ line-height: 12px;
1318
+ }
1319
+
1320
+ ._3fBK1,
1321
+ ._2w6yc,
1322
+ ._1aq6C,
1323
+ ._2lX51 {
1324
+ font-family: "Roboto", sans-serif;
1325
+ }
1326
+
1327
+ ._jGO7A {
1328
+ margin: 10px 0;
1329
+ }
1330
+
1331
+ ._2dXys {
1332
+ width: 35px;
1333
+ color: #0d9994;
1334
+ text-align: center;
1335
+ }
1336
+
1337
+ ._3-8WB {
1338
+ background: #cef7f5;
1339
+ color: #0d9994;
1340
+ border-radius: 8px;
1341
+ }
1342
+
1343
+ ._5QHKk {
1344
+ color: #1da370;
1345
+ }
1346
+
1347
+ ._2UyJG {
1348
+ border: none;
1349
+ background: #fff;
1350
+ }
1351
+
1352
+ ._1SL-6 {
1353
+ display: flex;
1354
+ justify-content: space-between;
1355
+ width: 100%;
1356
+ }
1357
+
1358
+ ._pKQ8e {
1359
+ min-width: 200px;
1360
+ margin-bottom: 10px;
1361
+ height: 100%;
1362
+ background-color: hsl(0, 0%, 100%);
1363
+ border-color: hsl(0, 0%, 80%);
1364
+ border-radius: 4px;
1365
+ border-style: solid;
1366
+ border-width: 1px;
1367
+ padding: 8px;
1368
+ width: 100%;
1369
+ }
1370
+
1371
+ ._2eZGm {
1372
+ display: flex;
1373
+ justify-content: flex-start;
1374
+ flex-wrap: wrap;
1375
+ padding: 0px 16px;
1376
+ }
1377
+
1378
+ ._dz04Q {
1379
+ display: flex;
1380
+ justify-content: flex-end;
1381
+ flex-wrap: wrap;
1382
+ max-width: 700px;
1383
+ }
1384
+
1385
+ ._OhjkA {
1386
+ min-width: 200px;
1387
+ margin-left: 20px;
1388
+ margin-bottom: 10px;
1389
+ height: 38px;
1390
+ }
1391
+
1392
+ ._-q4tF {
1393
+ width: 220px;
1394
+ margin-right: 20px;
1395
+ margin-bottom: 10px;
1396
+ height: 38px;
1397
+ }
1398
+
1399
+ ._nukn6 {
1400
+ max-width: 440px;
1401
+ display: flex;
1402
+ flex-wrap: wrap;
1403
+ }
1404
+
1405
+ ._2ysrj {
1406
+ background: #ffffff;
1407
+ border: 1px solid #ebeff2;
1408
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
1409
+ border-radius: 8px;
1410
+ }
1411
+
1412
+ ._37HdU {
1413
+ min-width: 255px;
1414
+ flex-basis: 19%;
1415
+ }
1416
+
1417
+ ._37HdU ._3fBK1 {
1418
+ font-family: 'Roboto';
1419
+ font-weight: 500;
1420
+ font-size: 14px;
1421
+ line-height: 16px;
1422
+ }
1423
+
1424
+ ._37HdU:last-child {
1425
+ padding: 20px 0px !important;
1426
+ }
1427
+
1428
+ ._37HdU:last-child div {
1429
+ width: 80%;
1430
+ margin: 0 auto;
1431
+ }
1432
+
1433
+ ._-jYtE {
1434
+ height: auto;
1435
+ width: 100%;
1436
+ -o-object-fit: scale-down;
1437
+ object-fit: scale-down;
1438
+ max-height: 300px;
1439
+ }
1440
+
1441
+ ._-jYtE._2FOHk {
1442
+ height: 300px;
1443
+ width: 100%;
1444
+ -o-object-fit: scale-down;
1445
+ object-fit: scale-down;
1446
+ }
1447
+
1448
+ ._38Xgv ._3m9ET ._3QJAM {
1449
+ font-size: 20px;
1450
+ }
1451
+
1452
+ ._38Xgv {
1453
+ overflow: hidden;
1454
+ max-height: 470px;
1455
+ }
1456
+
1457
+ @media (min-width: 1024px) {
1458
+ ._11W3J {
1459
+ max-width: 60%;
1460
+ }
1461
+
1462
+ ._2-frJ {
1463
+ max-width: 55%;
1464
+ }
1465
+ }
1466
+
1467
+ ._1_YyD {
1468
+ font-weight: 700;
1469
+ font-size: 24px;
1470
+ line-height: 116%;
1471
+ }
1472
+
1473
+ ._xbK6p {
1474
+ overflow: hidden;
1475
+ height: 416px;
1476
+ }
1477
+
1478
+ @media (min-width: 2250px) {
1479
+ ._xbK6p {
1480
+ /* width: 100%;
1481
+ display: flex;
1482
+ justify-content: center;
1483
+ align-items: center; */
1484
+ }
1485
+ }
1486
+
1487
+ @media (max-width: 720px) {
1488
+ ._11sYZ {
1489
+ padding-right: 20px;
1490
+ }
1491
+ }
1492
+
1493
+
1494
+ /* new design; */
1495
+ ._rFfwe {
1496
+ box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
1497
+ }
1498
+
1499
+ ._zLI7s {
1500
+ border-radius: 8px;
1501
+ overflow: hidden;
1502
+ position: relative;
1503
+ padding: 10px 0px;
1504
+ }
1505
+
1506
+ ._OoZLR._zLI7s::after {
1507
+ content: "";
1508
+ width: 1px;
1509
+ height: 100%;
1510
+ position: absolute;
1511
+ top: 0;
1512
+ left: 50%;
1513
+ transform: translate(-50%, 0);
1514
+ display: block;
1515
+ background: rgba(51, 51, 51, 0.1);
1516
+ }
1517
+
1518
+ ._zLI7s ._3mzht {
1519
+ background: #FFFFFF;
1520
+ border-radius: 8px;
1521
+ padding: 20px;
1522
+ /* cursor: pointer; */
1523
+ }
1524
+
1525
+ ._2gXQT {}
1526
+
1527
+ ._2gXQT ._3XABq {
1528
+ color: "#B2B2B2";
1529
+ font-size: 18px;
1530
+ }
1531
+
1532
+ ._3mzht ._1FHsv {
1533
+ color: #D9D9D9;
1534
+ display: flex;
1535
+ align-items: center;
1536
+ }
1537
+
1538
+ ._3mzht ._2JBD5 {
1539
+ font-weight: 700;
1540
+ font-size: 18px;
1541
+ letter-spacing: 0.01em;
1542
+ color: #262626;
1543
+ font-family: "Roboto";
1544
+ }
1545
+
1546
+ ._3mzht ._2gXQT {
1547
+ display: flex;
1548
+ align-items: center;
1549
+ }
1550
+
1551
+ ._2OEd7 {
1552
+ border-radius: 4px;
1553
+ background: #ffff;
1554
+ }
1555
+
1556
+ ._2nyRe {
1557
+ padding: 6px 12px 6px 0px;
1558
+ border-radius: 0 4px 4px 0;
1559
+ background: #336DDA;
1560
+ color: #fff;
1561
+ }
1562
+
1563
+ ._31EdD {
1564
+ padding: 5px 8px 7px 6px;
1565
+ border-radius: 4px 0 0 4px;
1566
+ background: #336DDA;
1567
+ }
1568
+
1569
+ ._3mzht ._TmymT {
1570
+ font-size: 16px;
1571
+ }
1572
+
1573
+ ._3X_ow {
1574
+ cursor: pointer;
1575
+ }
1576
+
1577
+ ._3mzht ._1qdL4 {
1578
+ cursor: pointer;
1579
+ }
1580
+
1581
+ ._1qdL4 svg {
1582
+ width: 20px !important;
1583
+ height: auto !important;
1584
+ }
1585
+
1586
+ ._3mzht ._PghQI {
1587
+ font-weight: 400;
1588
+ font-size: 16px;
1589
+ line-height: 100%;
1590
+ color: #252733;
1591
+ }
1592
+
1593
+ ._12jqi,
1594
+ ._2rwg5 {
1595
+ background-color: #fff;
1596
+ }
1597
+
1598
+ ._12jqi {
1599
+ padding-bottom: 10px;
1600
+ }
1601
+
1602
+ ._12jqi ._3iwnG {
1603
+ padding-left: 10px;
1604
+ }
1605
+
1606
+ ._12jqi ._rKYWD {
1607
+ width: 10px;
1608
+ height: 10px;
1609
+ margin-right: 5px;
1610
+ border-radius: 2px;
1611
+ }
1612
+
1613
+ ._12jqi ._n_lnI ._3hlTa {
1614
+ font-weight: 400;
1615
+ font-size: 14px;
1616
+ letter-spacing: 0.01em;
1617
+ color: #4d4d4d;
1618
+ margin-bottom: 0;
1619
+ font-family: 'Roboto';
1620
+ }
1621
+
1622
+ ._12jqi ._1LGIl {
1623
+ display: flex;
1624
+ justify-content: center;
1625
+ align-items: center;
1626
+ margin-right: 10px;
1627
+ }
1628
+
1629
+ ._12jqi ._EIKHR {
1630
+ font-weight: 400;
1631
+ font-size: 16px;
1632
+ letter-spacing: 0.01em;
1633
+ color: #252733 !important;
1634
+ font-family: "Roboto";
1635
+ }
1636
+
1637
+ ._12jqi ._1mr1m>label {
1638
+ font-weight: 600;
1639
+ font-size: 18px;
1640
+ color: #252733 !important;
1641
+ font-family: "Roboto";
1642
+ }
1643
+
1644
+ ._E_ciE {
1645
+ width: 100%;
1646
+ padding: 20px;
1647
+ }
1648
+
1649
+ ._E_ciE ._27ojF {
1650
+ display: flex;
1651
+ justify-content: center;
1652
+ align-items: center;
1653
+ }
1654
+
1655
+ ._n_lnI {
1656
+ padding-right: 50px;
1657
+ }
1658
+ ._2KJYt{
1659
+ /* height: 410px; */
1660
+ }
1661
+
1662
+ ._2KJYt ._hEgnv {
1663
+ position: absolute;
1664
+ right: 60px;
1665
+ display: flex;
1666
+ justify-content: flex-end;
1667
+ flex-wrap: wrap;
1668
+ width: 150px;
1669
+ }
1670
+
1671
+ ._2KJYt ._hEgnv label {
1672
+ color: #333333;
1673
+ font-weight: 500;
1674
+ font-size: 14px;
1675
+ align-items: center;
1676
+ text-align: right;
1677
+ color: #333333;
1678
+ margin-bottom: 5px;
1679
+ font-family: "Roboto";
1680
+ }
1681
+
1682
+ ._2KJYt ._hEgnv span {
1683
+ font-weight: 400;
1684
+ font-size: 14px;
1685
+ line-height: 16px;
1686
+ text-align: right;
1687
+ color: #4d4d4d;
1688
+ font-family: "Roboto";
1689
+ }
1690
+
1691
+ ._34-k0 ._119UL {
1692
+ margin-top: 30px;
1693
+ display: flex;
1694
+ justify-content: center;
1695
+ align-items: center;
1696
+ flex-direction: column;
1697
+ }
1698
+
1699
+ ._34-k0 ._119UL ._tlvnI {
1700
+ display: flex;
1701
+ justify-content: center;
1702
+ align-items: center;
1703
+ margin-bottom: 10px;
1704
+ }
1705
+
1706
+ ._34-k0 ._119UL ._rKYWD {
1707
+ width: 12px;
1708
+ height: 12px;
1709
+ margin-right: 8px;
1710
+ border-radius: 2px;
1711
+ }
1712
+
1713
+ ._34-k0 ._119UL ._2Ehxf {
1714
+ padding-right: 8px;
1715
+ color: #4d4d4d;
1716
+ letter-spacing: 0.01em;
1717
+ font-weight: 400;
1718
+ font-size: 16px;
1719
+ font-family: "Roboto";
1720
+ }
1721
+
1722
+ ._L1RnZ {
1723
+ padding-right: 10px;
1724
+ padding-left: 10px;
1725
+ padding-bottom: 10px;
1726
+ }
1727
+
1728
+ ._L1RnZ ._hEgnv {
1729
+ position: absolute;
1730
+ right: 35px;
1731
+ top: 10px;
1732
+ display: flex;
1733
+ justify-content: flex-end;
1734
+ flex-wrap: wrap;
1735
+ width: 150px;
1736
+ }
1737
+
1738
+ ._L1RnZ ._hEgnv label {
1739
+ color: #333333;
1740
+ font-weight: 500;
1741
+ font-size: 14px;
1742
+ align-items: center;
1743
+ text-align: right;
1744
+ color: #333333;
1745
+ margin-bottom: 5px;
1746
+ font-family: "Roboto";
1747
+ }
1748
+
1749
+ ._L1RnZ ._hEgnv span {
1750
+ font-weight: 400;
1751
+ font-size: 14px;
1752
+ line-height: 16px;
1753
+ text-align: right;
1754
+ color: #4d4d4d;
1755
+ font-family: "Roboto";
1756
+ }
1757
+
1758
+ ._18zab {
1759
+ position: relative;
1760
+ }
1761
+
1762
+ ._18zab ._1NRsG {
1763
+ width: 100%;
1764
+ bottom: 40px;
1765
+ position: relative;
1766
+
1767
+ }
1768
+
1769
+ ._18zab ._1jDpB {
1770
+ width: 80%;
1771
+ margin: 35px auto 0px;
1772
+ display: flex;
1773
+ justify-content: space-between;
1774
+ align-items: center;
1775
+ }
1776
+
1777
+ ._18zab ._1jDpB div {
1778
+ font-family: "Roboto";
1779
+ font-weight: 600;
1780
+ font-size: 12px;
1781
+ }
1782
+
1783
+ ._18zab ._93MRp {
1784
+ display: flex;
1785
+ justify-content: center;
1786
+ position: relative;
1787
+ bottom: 20px;
1788
+ }
1789
+
1790
+ ._18zab ._93MRp ._27ojF {
1791
+ display: flex;
1792
+ margin-right: 20px;
1793
+ align-items: center;
1794
+ }
1795
+
1796
+ ._18zab ._93MRp ._rKYWD {
1797
+ width: 10px;
1798
+ height: 10px;
1799
+ margin-right: 5px;
1800
+ border-radius: 2px;
1801
+ }
1802
+
1803
+ ._18zab ._93MRp ._3hlTa {
1804
+ font-family: "Roboto";
1805
+ font-weight: 400;
1806
+ font-size: 14px;
1807
+ letter-spacing: 0.01em;
1808
+ color: #4d4d4d;
1809
+ margin-bottom: 0;
1810
+ margin: 0;
1811
+ }
1812
+
1813
+ ._18zab ._93MRp ._1LGIl {
1814
+ display: flex;
1815
+ justify-content: center;
1816
+ align-items: center;
1817
+ margin-right: 10px;
1818
+ }
1819
+
1820
+ ._18zab ._93MRp ._EIKHR {
1821
+ font-weight: 400;
1822
+ font-size: 16px;
1823
+ letter-spacing: 0.01em;
1824
+ color: #252733;
1825
+ font-family: "Roboto";
1826
+ }
1827
+
1828
+ ._18zab ._3ipHU {
1829
+ position: absolute;
1830
+ right: 22px;
1831
+ top: 20px
1832
+ }
1833
+
1834
+ ._18zab ._3ipHU ._35mGN {
1835
+ margin-bottom: 22.5px;
1836
+ font-weight: 400;
1837
+ font-size: 12px;
1838
+ text-align: center;
1839
+ letter-spacing: 0.01em;
1840
+ color: #9a9a9a;
1841
+ font-family: "Roboto";
1842
+ }
1843
+
1844
+ ._18zab ._1769M {
1845
+ position: relative;
1846
+ }
1847
+
1848
+ ._18zab ._ton1p {
1849
+ padding-right: 50px;
1850
+ }
1851
+
1852
+ ._2LTMk {
1853
+ width: 100%;
1854
+ text-align: center;
1855
+ font-weight: 400;
1856
+ font-size: 16px;
1857
+ text-align: right;
1858
+ letter-spacing: 0.01em;
1859
+ color: #808080;
1860
+ display: flex;
1861
+ justify-content: center;
1862
+ align-items: center;
1863
+ font-family: "Roboto";
1864
+ }
1865
+
1866
+
1867
+ ._3f2-D {
1868
+ font-size: 24px;
1869
+ font-weight: 700;
1870
+ margin-bottom: 5px !important;
1871
+ font-family: "Roboto";
1872
+ }
1873
+
1874
+ ._19k86 {
1875
+ font-size: 16px;
1876
+ font-weight: 400;
1877
+ margin-bottom: 5px !important;
1878
+ }
1879
+
1880
+ ._2ZpLB {
1881
+ display: flex !important;
1882
+ align-items: center;
1883
+ }
1884
+
1885
+ ._jLDZ4 {
1886
+ font-size: 16px;
1887
+ font-weight: 400;
1888
+ font-family: "Roboto";
1889
+ }
1890
+
1891
+ ._2sMK7 {
1892
+ background-color: #28BE76;
1893
+ }
1894
+ ._2KJYt ._1E7vX{
1895
+ font-weight: 400;
1896
+ font-size: 16px;
1897
+ text-align: center;
1898
+ letter-spacing: 0.01em;
1899
+ color: #808080;
1900
+ margin-bottom: 20px;
1901
+ font-family: "Roboto";
1902
+ }
1903
+
1904
+
1905
+ ._3Xggx {
1906
+ position: absolute;
1907
+ /* opacity: 0; */
1908
+ z-index: -999;
1909
+ left: 0;
1910
+ top: 0;
1911
+ }
1912
+
1913
+ ._3Xggx > img {
1914
+ /* width: 100%; */
1915
+ /* height: 100%; */
1916
+ /* object-fit: cover; */
1917
+ }
1918
+
1919
+ ._3zQW_ {
1920
+ position: absolute;
1921
+ z-index: -9999;
1922
+ width: 1792px;
1923
+ opacity: 0;
1924
+ top: -35px;
1925
+ left: -630px;
1926
+ }
1927
+
1928
+ ._34-k0 {
1929
+ height: 100%;
1930
+ display: flex;
1931
+ justify-content: center;
1932
+ flex-direction: column;
1933
+ justify-content: space-between;
1934
+ }
1935
+ ._34-k0 ._2HMn5 {
1936
+ width: 100%;
1937
+ }
1938
+ ._34-k0 ._xbK6p {
1939
+ width: 100%;
1940
+ @media only screen and (min-width: 1200px) and (max-width: 1280px) {
1941
+ /* height: 55%; */
1942
+ /* bottom: 86px; */
1943
+ }
1944
+ }
1945
+ ._1qtzK, ._g4q-z, ._9ibzA {
1946
+ box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
1947
+ border-radius: 20px;
1948
+ padding: 10px;
1949
+ margin-left: unset !important;
1950
+ margin-right: unset !important;
1951
+ }
1952
+
1953
+ ._1E7vX {
1954
+ font-size: 20px;
1955
+ font-weight: 700;
1956
+ padding: 10px;
1957
+ margin-bottom: 0 !important;
1958
+ font-family: 'Montserrat-Bold' !important;
1959
+ }
1960
+
1961
+ ._1s7DG {
1962
+ display: flex;
1963
+ align-items: center;
1964
+ justify-content: space-between;
1965
+ }
1966
+
1967
+
1968
+ ._12jqi,
1969
+ ._2rwg5 {
1970
+ background-color: #fff;
1971
+ }
1972
+
1973
+ ._12jqi {
1974
+ padding-bottom: 10px;
1975
+ width: 100%;
1976
+ }
1977
+
1978
+ ._12jqi ._3iwnG {
1979
+ padding-left: 10px;
1980
+ }
1981
+
1982
+ ._n_lnI {
1983
+ padding-right: 50px;
1984
+ }
1985
+
1986
+ ._12jqi ._rKYWD {
1987
+ width: 10px;
1988
+ height: 10px;
1989
+ margin-right: 5px;
1990
+ border-radius: 2px;
1991
+ }
1992
+
1993
+ ._12jqi ._n_lnI ._3hlTa {
1994
+ font-weight: 400;
1995
+ font-size: 14px;
1996
+ letter-spacing: 0.01em;
1997
+ color: #4d4d4d;
1998
+ margin-bottom: 0;
1999
+ font-family: "Roboto";
2000
+ }
2001
+
2002
+ ._12jqi ._1LGIl {
2003
+ display: flex;
2004
+ justify-content: center;
2005
+ align-items: center;
2006
+ margin-right: 10px;
2007
+ }
2008
+
2009
+ ._12jqi ._EIKHR {
2010
+ font-weight: 400;
2011
+ font-size: 16px;
2012
+ letter-spacing: 0.01em;
2013
+ color: #252733 !important;
2014
+ font-family: "Roboto";
2015
+ }
2016
+
2017
+ ._12jqi ._1mr1m > label {
2018
+ font-weight: 600;
2019
+ font-size: 18px;
2020
+ color: #252733 !important;
2021
+ font-family: "Roboto";
2022
+ }
2023
+
2024
+ ._E_ciE {
2025
+ width: 100%;
2026
+ padding: 20px;
2027
+ display: flex;
2028
+ flex-wrap: wrap;
2029
+ }
2030
+
2031
+ ._E_ciE ._27ojF {
2032
+ display: flex;
2033
+ justify-content: center;
2034
+ align-items: center;
2035
+ }
2036
+ ._5wSJP {
2037
+ display: flex;
2038
+ padding-right: 15px;
2039
+
2040
+ }
2041
+
2042
+ ._5wSJP ._1h1ro {
2043
+ padding-right: 5px;
2044
+ display: flex;
2045
+ align-items: center;
2046
+ }
2047
+
2048
+
2049
+ ._EIKHR {
2050
+ font-family: "Roboto" !important;
2051
+ font-weight: 400;
2052
+ margin-top: 2px;
2053
+ }
2054
+ ._2MTrM {
2055
+ display: flex;
2056
+ justify-content: space-evenly;
2057
+ }
2058
+
2059
+ ._2MTrM ._2kriq {
2060
+ display: flex;
2061
+ align-items: center;
2062
+ }
2063
+
2064
+ ._2MTrM ._jOIdn {
2065
+ width: 15px;
2066
+ height: 15px;
2067
+ border-radius: 2px;
2068
+ margin-right: 5px;
2069
+ }
2070
+
2071
+ ._1bZCU{
2072
+ display: none;
2073
+ }
2074
+
2075
+ @media (max-width: 576px) {
2076
+ ._2n_zv{
2077
+ padding: 0 10px;
2078
+ }
2079
+
2080
+ ._1bZCU{
2081
+ display: block;
2082
+ background: #ffffff;
2083
+ border: 1px solid #ebeff2;
2084
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
2085
+ border-radius: 8px;
2086
+ }
2087
+
2088
+ ._FjhpG{
2089
+ gap: 6px;
2090
+ }
2091
+
2092
+ ._4SQcs{
2093
+ gap: 8px;
2094
+ }
2095
+
2096
+ ._5wSJP{
2097
+ padding-right: 6px;
2098
+ width: 100%;
2099
+ max-width: 130px;
2100
+ align-items: start;
2101
+ }
2102
+
2103
+ ._5wSJP label {
2104
+ display: flex;
2105
+ align-items: center;
2106
+ }
2107
+
2108
+ ._n_lnI{
2109
+ padding-right: 6px;
2110
+ width: 100%;
2111
+ max-width: 130px;
2112
+ }
2113
+
2114
+ ._n_lnI > ._27ojF{
2115
+ justify-content: start;
2116
+ align-items: baseline;
2117
+ }
2118
+
2119
+ ._n_lnI label {
2120
+ display: flex;
2121
+ align-items: center;
2122
+ }
2123
+
2124
+ }
2125
+
2126
+ @media (min-width: 577px) and (max-width: 768px) {
2127
+ ._2n_zv{
2128
+ padding: 0 15px;
2129
+ }
2130
+ }
2131
+
2132
+ @media (max-width: 768px) {
2133
+ ._34-k0{
2134
+ padding-top: 2rem;
2135
+ padding-bottom: 2rem;
2136
+ }
2137
+
2138
+ ._xbK6p {
2139
+ height: 100%;
2140
+ display: flex;
2141
+ flex-direction: column;
2142
+ align-items: center;
2143
+ }
2144
+
2145
+ ._2MTrM{
2146
+ gap: 20px;
2147
+ }
2148
+ }
2149
+
2150
+ @media (min-width: 577px) and (max-width: 1023px) {
2151
+ ._5wSJP{
2152
+ padding-right: 0;
2153
+ width: 100%;
2154
+ max-width: 180px;
2155
+ }
2156
+ ._5wSJP label {
2157
+ display: flex;
2158
+ align-items: center;
2159
+ }
2160
+ ._n_lnI{
2161
+ padding-right: 0;
2162
+ width: 100%;
2163
+ max-width: 130px;
2164
+ }
2165
+ ._n_lnI > ._27ojF{
2166
+ justify-content: start;
2167
+ }
2168
+ ._n_lnI label {
2169
+ display: flex;
2170
+ align-items: center;
2171
+ }
2172
+ }
2173
+
2174
+ @media (min-width: 2100px) {
2175
+ ._2MTrM{
2176
+ gap: 50px;
2177
+ justify-content: start;
2178
+ margin-left: 78px;
2179
+ }
2180
2180
  }