mario-education 2.4.152-level → 2.4.153-level

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