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