@mahatisystems/mahati-ui-components 1.3.0 → 1.3.2

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.
package/dist/index.css ADDED
@@ -0,0 +1,4738 @@
1
+ /* src/styles/common-styles.css */
2
+ .mahati {
3
+ }
4
+ .mahati .multimedia-card {
5
+ margin-left: auto;
6
+ margin-right: auto;
7
+ overflow: hidden;
8
+ border-radius: 0.75rem;
9
+ --tw-bg-opacity: 1;
10
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
11
+ padding: 0.25rem;
12
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
13
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
14
+ box-shadow:
15
+ var(--tw-ring-offset-shadow, 0 0 #0000),
16
+ var(--tw-ring-shadow, 0 0 #0000),
17
+ var(--tw-shadow);
18
+ box-shadow: 0 4px 6px -1px #318acec0;
19
+ }
20
+ .mahati .multimedia-card:hover {
21
+ box-shadow: 2px 8px 12px 3px #4189c0e7;
22
+ }
23
+ .mahati .multimedia-card-dynamic {
24
+ width: var(--card-width, 384px);
25
+ height: var(--card-height, 216px);
26
+ left: var(--card-left, 0px);
27
+ top: var(--card-top, 10px);
28
+ min-height: 380px;
29
+ max-height: 490px;
30
+ }
31
+ .mahati .multimedia-content {
32
+ height: 100%;
33
+ width: 100%;
34
+ -o-object-fit: contain;
35
+ object-fit: contain;
36
+ }
37
+ .mahati .multimedia-caption {
38
+ margin-top: 0.5rem;
39
+ overflow-wrap: break-word;
40
+ text-align: center;
41
+ font-size: 0.875rem;
42
+ line-height: 1.25rem;
43
+ --tw-text-opacity: 1;
44
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
45
+ }
46
+ .mahati .multimedia-control-button {
47
+ display: flex;
48
+ height: 2rem;
49
+ width: 2rem;
50
+ align-items: center;
51
+ justify-content: center;
52
+ border-radius: 9999px;
53
+ --tw-bg-opacity: 1;
54
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
55
+ text-align: center;
56
+ line-height: 1;
57
+ transition-property:
58
+ color,
59
+ background-color,
60
+ border-color,
61
+ text-decoration-color,
62
+ fill,
63
+ stroke;
64
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
65
+ transition-duration: 150ms;
66
+ }
67
+ .mahati .multimedia-control-button:hover {
68
+ --tw-bg-opacity: 1;
69
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
70
+ }
71
+ .mahati .multimedia-control-button svg {
72
+ height: 1rem;
73
+ width: 1rem;
74
+ }
75
+ .mahati .table-container {
76
+ margin-top: 1rem;
77
+ overflow-x: auto;
78
+ }
79
+ .mahati .table {
80
+ width: 100%;
81
+ border-collapse: collapse;
82
+ font-size: 0.875rem;
83
+ line-height: 1.25rem;
84
+ --tw-text-opacity: 1;
85
+ color: rgb(55 65 81 / var(--tw-text-opacity, 1));
86
+ }
87
+ @media (prefers-color-scheme: dark) {
88
+ .mahati .table {
89
+ --tw-text-opacity: 1;
90
+ color: rgb(229 231 235 / var(--tw-text-opacity, 1));
91
+ }
92
+ }
93
+ .mahati .table-header {
94
+ border-bottom-width: 2px;
95
+ --tw-border-opacity: 1;
96
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
97
+ --tw-bg-opacity: 1;
98
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
99
+ padding-top: 0.75rem;
100
+ padding-bottom: 0.75rem;
101
+ padding-left: 1rem;
102
+ padding-right: 1rem;
103
+ text-align: left;
104
+ font-weight: 600;
105
+ --tw-text-opacity: 1;
106
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1));
107
+ }
108
+ @media (prefers-color-scheme: dark) {
109
+ .mahati .table-header {
110
+ --tw-border-opacity: 1;
111
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
112
+ --tw-bg-opacity: 1;
113
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
114
+ --tw-text-opacity: 1;
115
+ color: rgb(243 244 246 / var(--tw-text-opacity, 1));
116
+ }
117
+ }
118
+ .mahati .table-cell {
119
+ --tw-border-opacity: 1;
120
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
121
+ padding-top: 0.75rem;
122
+ padding-bottom: 0.75rem;
123
+ padding-left: 1rem;
124
+ padding-right: 1rem;
125
+ transition-property:
126
+ color,
127
+ background-color,
128
+ border-color,
129
+ text-decoration-color,
130
+ fill,
131
+ stroke;
132
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
133
+ transition-duration: 150ms;
134
+ border-bottom-width: 1px;
135
+ }
136
+ @media (prefers-color-scheme: dark) {
137
+ .mahati .table-cell {
138
+ --tw-border-opacity: 1;
139
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
140
+ }
141
+ }
142
+ .mahati .accordion-panel {
143
+ display: grid;
144
+ grid-template-columns: repeat(8, minmax(0, 1fr));
145
+ gap: 0.5rem;
146
+ --tw-bg-opacity: 1;
147
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
148
+ padding: 1rem;
149
+ font-size: 0.875rem;
150
+ line-height: 1.25rem;
151
+ }
152
+ @media (prefers-color-scheme: dark) {
153
+ .mahati .accordion-panel {
154
+ --tw-bg-opacity: 1;
155
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
156
+ }
157
+ }
158
+ .mahati .accordion-panel div {
159
+ padding-top: 0.5rem;
160
+ padding-bottom: 0.5rem;
161
+ }
162
+ .mahati .accordion-panel strong {
163
+ font-weight: 600;
164
+ }
165
+ .mahati .table-cell.hovered-row {
166
+ background-color: #a0e0a082;
167
+ }
168
+ .mahati .table-cell.hovered-cell {
169
+ background-color: #ffffff;
170
+ }
171
+ .mahati .border-b {
172
+ border-bottom-width: 1px;
173
+ }
174
+ .mahati .help-container {
175
+ width: 100%;
176
+ margin-right: auto;
177
+ margin-left: auto;
178
+ padding-right: 2rem;
179
+ padding-left: 2rem;
180
+ }
181
+ @media (min-width: 1400px) {
182
+ .mahati .help-container {
183
+ max-width: 1400px;
184
+ }
185
+ }
186
+ .mahati .help-container {
187
+ margin-left: auto;
188
+ margin-right: auto;
189
+ max-width: 80rem;
190
+ padding-left: 1rem;
191
+ padding-right: 1rem;
192
+ }
193
+ .mahati .help-heading {
194
+ margin-bottom: 3rem;
195
+ text-align: center;
196
+ font-size: 1.5rem;
197
+ line-height: 2rem;
198
+ font-weight: 700;
199
+ }
200
+ .mahati .help-grid {
201
+ display: grid;
202
+ grid-template-columns: repeat(2, minmax(0, 1fr));
203
+ gap: 2rem;
204
+ }
205
+ @media (min-width: 768px) {
206
+ .mahati .help-grid {
207
+ grid-template-columns: repeat(3, minmax(0, 1fr));
208
+ }
209
+ }
210
+ .mahati .help-card {
211
+ position: relative;
212
+ margin-left: auto;
213
+ margin-right: auto;
214
+ display: flex;
215
+ min-height: 320px;
216
+ width: 100%;
217
+ min-width: 200px;
218
+ max-width: 20rem;
219
+ flex-direction: column;
220
+ border-radius: 0.75rem;
221
+ --tw-bg-opacity: 1;
222
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
223
+ padding: 0.25rem;
224
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
225
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
226
+ box-shadow:
227
+ var(--tw-ring-offset-shadow, 0 0 #0000),
228
+ var(--tw-ring-shadow, 0 0 #0000),
229
+ var(--tw-shadow);
230
+ }
231
+ @media (prefers-color-scheme: dark) {
232
+ .mahati .help-card {
233
+ --tw-bg-opacity: 1;
234
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
235
+ }
236
+ }
237
+ .mahati .help-card:hover {
238
+ box-shadow: 2px 8px 12px 3px #4189c0e7;
239
+ }
240
+ .mahati .help-image-container {
241
+ position: relative;
242
+ margin-bottom: 1rem;
243
+ display: flex;
244
+ aspect-ratio: 16 / 9;
245
+ width: 100%;
246
+ align-items: center;
247
+ justify-content: center;
248
+ overflow: hidden;
249
+ border-radius: calc(var(--radius) - 4px);
250
+ }
251
+ .mahati .help-image {
252
+ max-height: 100%;
253
+ max-width: 100%;
254
+ -o-object-fit: contain;
255
+ object-fit: contain;
256
+ }
257
+ .mahati .help-icon {
258
+ height: 1.25rem;
259
+ width: 2.5rem;
260
+ color: hsl(var(--primary));
261
+ }
262
+ @media (min-width: 768px) {
263
+ .mahati .help-icon {
264
+ height: 2.5rem;
265
+ }
266
+ }
267
+ .mahati .help-icon {
268
+ }
269
+ .mahati .help-video {
270
+ height: 100%;
271
+ width: 100%;
272
+ -o-object-fit: cover;
273
+ object-fit: cover;
274
+ }
275
+ .mahati .help-title {
276
+ padding-left: 0.25rem;
277
+ padding-right: 0.25rem;
278
+ font-size: 0.875rem;
279
+ line-height: 1.75rem;
280
+ font-weight: 600;
281
+ }
282
+ .mahati .help-description {
283
+ margin-bottom: 0.25rem;
284
+ padding-left: 0.25rem;
285
+ padding-right: 0.25rem;
286
+ padding-top: 0.25rem;
287
+ padding-bottom: 0.25rem;
288
+ font-size: 0.875rem;
289
+ line-height: 1.25rem;
290
+ --tw-text-opacity: 1;
291
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
292
+ }
293
+ @media (prefers-color-scheme: dark) {
294
+ .mahati .help-description {
295
+ --tw-text-opacity: 1;
296
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
297
+ }
298
+ }
299
+ .mahati .help-tech-container {
300
+ margin-bottom: 1rem;
301
+ display: flex;
302
+ flex-wrap: wrap;
303
+ gap: 0.5rem;
304
+ }
305
+ .mahati .help-tech-keywords {
306
+ border-radius: 9999px;
307
+ background-color: hsl(var(--primary) / 0.1);
308
+ padding-left: 0.75rem;
309
+ padding-right: 0.75rem;
310
+ padding-top: 0.25rem;
311
+ padding-bottom: 0.25rem;
312
+ font-size: 0.875rem;
313
+ line-height: 1.25rem;
314
+ color: hsl(var(--primary));
315
+ }
316
+ .mahati .help-links {
317
+ margin-bottom: 1rem;
318
+ margin-top: auto;
319
+ display: flex;
320
+ gap: 1rem;
321
+ padding-left: 0.5rem;
322
+ padding-right: 0.5rem;
323
+ }
324
+ .mahati .help-link {
325
+ margin-top: 0.5rem;
326
+ display: flex;
327
+ align-items: center;
328
+ gap: 0.5rem;
329
+ font-size: 0.875rem;
330
+ line-height: 1.25rem;
331
+ transition-property:
332
+ color,
333
+ background-color,
334
+ border-color,
335
+ text-decoration-color,
336
+ fill,
337
+ stroke;
338
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
339
+ transition-duration: 150ms;
340
+ }
341
+ .mahati .help-link:hover {
342
+ color: hsl(var(--primary));
343
+ }
344
+ .mahati .help-link-icon {
345
+ display: flex;
346
+ align-items: center;
347
+ gap: 0.5rem;
348
+ font-size: 0.875rem;
349
+ line-height: 1.25rem;
350
+ transition-property:
351
+ color,
352
+ background-color,
353
+ border-color,
354
+ text-decoration-color,
355
+ fill,
356
+ stroke;
357
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
358
+ transition-duration: 150ms;
359
+ }
360
+ .mahati .help-link-icon:hover {
361
+ color: hsl(var(--primary));
362
+ }
363
+ .mahati .help-container-small {
364
+ width: 100%;
365
+ margin-right: auto;
366
+ margin-left: auto;
367
+ padding-right: 2rem;
368
+ padding-left: 2rem;
369
+ }
370
+ @media (min-width: 1400px) {
371
+ .mahati .help-container-small {
372
+ max-width: 1400px;
373
+ }
374
+ }
375
+ .mahati .help-container-small {
376
+ margin-left: auto;
377
+ margin-right: auto;
378
+ max-width: 80rem;
379
+ padding-left: 1rem;
380
+ padding-right: 1rem;
381
+ }
382
+ .mahati .help-heading-small {
383
+ margin-bottom: 3rem;
384
+ text-align: center;
385
+ font-size: 1.5rem;
386
+ line-height: 2rem;
387
+ font-weight: 700;
388
+ }
389
+ .mahati .help-grid-small {
390
+ display: grid;
391
+ grid-template-columns: repeat(2, minmax(0, 1fr));
392
+ gap: 2rem;
393
+ }
394
+ @media (min-width: 768px) {
395
+ .mahati .help-grid-small {
396
+ grid-template-columns: repeat(4, minmax(0, 1fr));
397
+ }
398
+ }
399
+ .mahati .help-card-small {
400
+ position: relative;
401
+ margin-left: auto;
402
+ margin-right: auto;
403
+ display: flex;
404
+ min-height: 260px;
405
+ width: 100%;
406
+ min-width: 140px;
407
+ max-width: 14rem;
408
+ flex-direction: column;
409
+ border-radius: 0.75rem;
410
+ --tw-bg-opacity: 1;
411
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
412
+ padding: 0.25rem;
413
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
414
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
415
+ box-shadow:
416
+ var(--tw-ring-offset-shadow, 0 0 #0000),
417
+ var(--tw-ring-shadow, 0 0 #0000),
418
+ var(--tw-shadow);
419
+ }
420
+ @media (prefers-color-scheme: dark) {
421
+ .mahati .help-card-small {
422
+ --tw-bg-opacity: 1;
423
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
424
+ }
425
+ }
426
+ .mahati .help-card-small:hover {
427
+ box-shadow: 2px 8px 12px 3px #4189c0e7;
428
+ }
429
+ .mahati .help-image-container-small {
430
+ position: relative;
431
+ margin-bottom: 1rem;
432
+ display: flex;
433
+ aspect-ratio: 16 / 9;
434
+ width: 100%;
435
+ align-items: center;
436
+ justify-content: center;
437
+ overflow: hidden;
438
+ border-radius: calc(var(--radius) - 4px);
439
+ }
440
+ .mahati .help-image-small {
441
+ max-height: 100%;
442
+ max-width: 100%;
443
+ -o-object-fit: contain;
444
+ object-fit: contain;
445
+ }
446
+ .mahati .help-icon-small {
447
+ height: 1rem;
448
+ width: 2rem;
449
+ color: hsl(var(--primary));
450
+ }
451
+ @media (min-width: 768px) {
452
+ .mahati .help-icon-small {
453
+ height: 2rem;
454
+ }
455
+ }
456
+ .mahati .help-video-small {
457
+ height: 100%;
458
+ width: 100%;
459
+ -o-object-fit: cover;
460
+ object-fit: cover;
461
+ }
462
+ .mahati .help-title-small {
463
+ padding-left: 0.25rem;
464
+ padding-right: 0.25rem;
465
+ font-size: 0.75rem;
466
+ line-height: 1.5rem;
467
+ font-weight: 600;
468
+ }
469
+ .mahati .help-description-small {
470
+ margin-bottom: 0.25rem;
471
+ padding-left: 0.25rem;
472
+ padding-right: 0.25rem;
473
+ padding-top: 0.25rem;
474
+ padding-bottom: 0.25rem;
475
+ font-size: 0.75rem;
476
+ line-height: 1.25rem;
477
+ --tw-text-opacity: 1;
478
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
479
+ }
480
+ @media (prefers-color-scheme: dark) {
481
+ .mahati .help-description-small {
482
+ --tw-text-opacity: 1;
483
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
484
+ }
485
+ }
486
+ .mahati .help-tech-container-small {
487
+ margin-bottom: 1rem;
488
+ display: flex;
489
+ flex-wrap: wrap;
490
+ gap: 0.5rem;
491
+ }
492
+ .mahati .help-tech-keywords-small {
493
+ border-radius: 9999px;
494
+ background-color: hsl(var(--primary) / 0.1);
495
+ padding-left: 0.5rem;
496
+ padding-right: 0.5rem;
497
+ padding-top: 0.125rem;
498
+ padding-bottom: 0.125rem;
499
+ font-size: 0.75rem;
500
+ line-height: 1rem;
501
+ color: hsl(var(--primary));
502
+ }
503
+ .mahati .help-links-small {
504
+ margin-bottom: 1rem;
505
+ margin-top: auto;
506
+ display: flex;
507
+ gap: 0.5rem;
508
+ padding-left: 0.5rem;
509
+ padding-right: 0.5rem;
510
+ }
511
+ .mahati .help-link-small {
512
+ margin-top: 0.5rem;
513
+ display: flex;
514
+ align-items: center;
515
+ gap: 0.5rem;
516
+ font-size: 0.75rem;
517
+ line-height: 1rem;
518
+ transition-property:
519
+ color,
520
+ background-color,
521
+ border-color,
522
+ text-decoration-color,
523
+ fill,
524
+ stroke;
525
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
526
+ transition-duration: 150ms;
527
+ }
528
+ .mahati .help-link-small:hover {
529
+ color: hsl(var(--primary));
530
+ }
531
+ .mahati .help-link-icon-small {
532
+ display: flex;
533
+ align-items: center;
534
+ gap: 0.5rem;
535
+ font-size: 0.75rem;
536
+ line-height: 1rem;
537
+ transition-property:
538
+ color,
539
+ background-color,
540
+ border-color,
541
+ text-decoration-color,
542
+ fill,
543
+ stroke;
544
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
545
+ transition-duration: 150ms;
546
+ }
547
+ .mahati .help-link-icon-small:hover {
548
+ color: hsl(var(--primary));
549
+ }
550
+ .mahati .contact-container {
551
+ width: 100%;
552
+ margin-right: auto;
553
+ margin-left: auto;
554
+ padding-right: 2rem;
555
+ padding-left: 2rem;
556
+ }
557
+ @media (min-width: 1400px) {
558
+ .mahati .contact-container {
559
+ max-width: 1400px;
560
+ }
561
+ }
562
+ .mahati .contact-container {
563
+ margin-left: auto;
564
+ margin-right: auto;
565
+ max-width: 80rem;
566
+ padding-top: 2rem;
567
+ padding-bottom: 2rem;
568
+ }
569
+ .mahati .contact-heading {
570
+ margin-bottom: 5rem;
571
+ text-align: center;
572
+ font-size: 1.5rem;
573
+ line-height: 2rem;
574
+ font-weight: 600;
575
+ }
576
+ @media (min-width: 768px) {
577
+ .mahati .contact-heading {
578
+ font-size: 1.875rem;
579
+ line-height: 2.25rem;
580
+ }
581
+ }
582
+ .mahati .contact-grid {
583
+ display: grid;
584
+ grid-template-columns: repeat(1, minmax(0, 1fr));
585
+ gap: 3rem;
586
+ }
587
+ @media (min-width: 768px) {
588
+ .mahati .contact-grid {
589
+ grid-template-columns: repeat(2, minmax(0, 1fr));
590
+ }
591
+ }
592
+ .mahati .contact-info-container {
593
+ border-radius: var(--radius);
594
+ --tw-bg-opacity: 1;
595
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
596
+ padding: 1rem;
597
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
598
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
599
+ box-shadow:
600
+ var(--tw-ring-offset-shadow, 0 0 #0000),
601
+ var(--tw-ring-shadow, 0 0 #0000),
602
+ var(--tw-shadow);
603
+ }
604
+ @media (prefers-color-scheme: dark) {
605
+ .mahati .contact-info-container {
606
+ --tw-bg-opacity: 1;
607
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
608
+ }
609
+ }
610
+ .mahati .contact-info-items > :not([hidden]) ~ :not([hidden]) {
611
+ --tw-space-y-reverse: 0;
612
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
613
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
614
+ }
615
+ .mahati .contact-info-item {
616
+ display: flex;
617
+ align-items: center;
618
+ gap: 1rem;
619
+ }
620
+ .mahati .contact-icon {
621
+ height: 1.5rem;
622
+ width: 1.5rem;
623
+ color: hsl(var(--primary));
624
+ }
625
+ .mahati .contact-info-label {
626
+ padding-top: 0.25rem;
627
+ padding-bottom: 0.25rem;
628
+ font-size: 0.875rem;
629
+ line-height: 1.25rem;
630
+ font-weight: 600;
631
+ }
632
+ .mahati .contact-info-link {
633
+ color: rgb(37 99 235 / 1);
634
+ }
635
+ .mahati .contact-form-container {
636
+ border-radius: calc(var(--radius) - 2px);
637
+ padding: 1rem;
638
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
639
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
640
+ box-shadow:
641
+ var(--tw-ring-offset-shadow, 0 0 #0000),
642
+ var(--tw-ring-shadow, 0 0 #0000),
643
+ var(--tw-shadow);
644
+ }
645
+ @media (prefers-color-scheme: dark) {
646
+ .mahati .contact-form-container {
647
+ --tw-bg-opacity: 1;
648
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
649
+ }
650
+ }
651
+ .mahati .contact-form-container {
652
+ background-color: #a6d2c3c7;
653
+ box-shadow: 2px 8px 12px 3px #4189c0e7;
654
+ }
655
+ .mahati .contact-form > :not([hidden]) ~ :not([hidden]) {
656
+ --tw-space-y-reverse: 0;
657
+ margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
658
+ margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
659
+ }
660
+ .mahati .contact-form-label {
661
+ margin-bottom: 0.5rem;
662
+ display: block;
663
+ font-size: 0.875rem;
664
+ line-height: 1.25rem;
665
+ font-weight: 500;
666
+ }
667
+ .mahati .contact-form-input {
668
+ width: 100%;
669
+ border-radius: calc(var(--radius) - 2px);
670
+ border-width: 1px;
671
+ --tw-border-opacity: 1;
672
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
673
+ --tw-bg-opacity: 1;
674
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
675
+ padding-left: 1rem;
676
+ padding-right: 1rem;
677
+ padding-top: 0.5rem;
678
+ padding-bottom: 0.5rem;
679
+ }
680
+ .mahati .contact-form-input:focus {
681
+ border-color: transparent;
682
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
683
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
684
+ box-shadow:
685
+ var(--tw-ring-offset-shadow),
686
+ var(--tw-ring-shadow),
687
+ var(--tw-shadow, 0 0 #0000);
688
+ --tw-ring-color: hsl(var(--primary));
689
+ }
690
+ @media (prefers-color-scheme: dark) {
691
+ .mahati .contact-form-input {
692
+ --tw-border-opacity: 1;
693
+ border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
694
+ background-color: rgb(31 41 55 / 1);
695
+ }
696
+ }
697
+ .mahati .contact-form-success {
698
+ text-align: center;
699
+ --tw-text-opacity: 1;
700
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
701
+ }
702
+ .mahati .contact-form-error {
703
+ text-align: center;
704
+ --tw-text-opacity: 1;
705
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
706
+ }
707
+ .mahati .contact-form-submissin-message {
708
+ --tw-text-opacity: 1;
709
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
710
+ }
711
+ .mahati .page-btn {
712
+ position: relative;
713
+ display: inline-flex;
714
+ width: auto;
715
+ align-items: center;
716
+ justify-content: center;
717
+ border-radius: 9999px;
718
+ padding-left: 1rem;
719
+ padding-right: 1rem;
720
+ padding-top: 0.5rem;
721
+ padding-bottom: 0.5rem;
722
+ font-size: 0.875rem;
723
+ line-height: 1.25rem;
724
+ font-weight: 500;
725
+ --tw-text-opacity: 1;
726
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
727
+ }
728
+ .mahati .page-btn:hover {
729
+ --tw-bg-opacity: 1;
730
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
731
+ }
732
+ .mahati .page-btn:focus {
733
+ --tw-ring-opacity: 1;
734
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
735
+ }
736
+ .mahati .page-btn {
737
+ background-color: #0e86e1;
738
+ }
739
+ .mahati .page-btn-position {
740
+ display: flex;
741
+ justify-content: center;
742
+ }
743
+ .mahati .bg-accent {
744
+ background-color: #135f9b;
745
+ }
746
+ .mahati .sidebar-container {
747
+ padding-right: 0.5rem;
748
+ }
749
+ .mahati .sidebar {
750
+ display: none;
751
+ height: 100%;
752
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
753
+ border-right-width: 1px;
754
+ transition-property: all;
755
+ transition-duration: 300ms;
756
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
757
+ animation-duration: 300ms;
758
+ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
759
+ }
760
+ @media (min-width: 640px) {
761
+ .mahati .sidebar {
762
+ display: flex;
763
+ }
764
+ }
765
+ .mahati .sidebar {
766
+ background:
767
+ linear-gradient(
768
+ to right,
769
+ #1e73be,
770
+ #28a97d);
771
+ }
772
+ .mahati .sidebar-expanded {
773
+ width: 210px;
774
+ }
775
+ .mahati .sidebar-collapsed {
776
+ width: 80px;
777
+ }
778
+ .mahati .sidebar-aside {
779
+ display: flex;
780
+ height: 100%;
781
+ width: 100%;
782
+ flex-direction: column;
783
+ overflow-x: hidden;
784
+ overflow-wrap: break-word;
785
+ padding-left: 0.5rem;
786
+ padding-right: 0.5rem;
787
+ }
788
+ .mahati .nav-container {
789
+ margin-top: 1rem;
790
+ margin-left: 0.5rem;
791
+ display: flex;
792
+ flex-direction: column;
793
+ }
794
+ .mahati .nav-container > :not([hidden]) ~ :not([hidden]) {
795
+ --tw-space-y-reverse: 0;
796
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
797
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
798
+ }
799
+ .mahati .nav-container {
800
+ padding-top: 0.25rem;
801
+ padding-bottom: 0.25rem;
802
+ }
803
+ .mahati .nav-list {
804
+ display: flex;
805
+ flex-direction: column;
806
+ }
807
+ .mahati .nav-list > :not([hidden]) ~ :not([hidden]) {
808
+ --tw-space-y-reverse: 0;
809
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
810
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
811
+ }
812
+ .mahati .nav-item > :not([hidden]) ~ :not([hidden]) {
813
+ --tw-space-y-reverse: 0;
814
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
815
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
816
+ }
817
+ .mahati .nav-item {
818
+ border-radius: var(--radius);
819
+ }
820
+ .mahati .nav-item:hover {
821
+ --tw-bg-opacity: 1;
822
+ background-color: rgb(21 100 161 / var(--tw-bg-opacity, 1));
823
+ }
824
+ .mahati .nav-link {
825
+ position: relative;
826
+ display: flex;
827
+ height: 100%;
828
+ align-items: center;
829
+ white-space: nowrap;
830
+ border-radius: calc(var(--radius) - 2px);
831
+ font-size: 0.875rem;
832
+ line-height: 1.25rem;
833
+ }
834
+ .mahati .nav-link-active {
835
+ --tw-bg-opacity: 1;
836
+ background-color: rgb(100 150 188 / var(--tw-bg-opacity, 1));
837
+ font-size: 0.875rem;
838
+ line-height: 1.25rem;
839
+ font-weight: 400;
840
+ --tw-text-opacity: 1;
841
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
842
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
843
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
844
+ box-shadow:
845
+ var(--tw-ring-offset-shadow, 0 0 #0000),
846
+ var(--tw-ring-shadow, 0 0 #0000),
847
+ var(--tw-shadow);
848
+ }
849
+ @media (prefers-color-scheme: dark) {
850
+ .mahati .nav-link-active {
851
+ --tw-bg-opacity: 1;
852
+ background-color: rgb(100 150 188 / var(--tw-bg-opacity, 1));
853
+ --tw-text-opacity: 1;
854
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
855
+ }
856
+ }
857
+ .mahati .nav-link-active {
858
+ }
859
+ .mahati .nav-link-inactive {
860
+ --tw-text-opacity: 1;
861
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
862
+ }
863
+ .mahati .nav-link-inactive:hover {
864
+ --tw-bg-opacity: 1;
865
+ background-color: rgb(100 150 188 / var(--tw-bg-opacity, 1));
866
+ --tw-text-opacity: 1;
867
+ color: rgb(64 64 64 / var(--tw-text-opacity, 1));
868
+ }
869
+ @media (prefers-color-scheme: dark) {
870
+ .mahati .nav-link-inactive {
871
+ --tw-text-opacity: 1;
872
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
873
+ }
874
+ .mahati .nav-link-inactive:hover {
875
+ --tw-bg-opacity: 1;
876
+ background-color: rgb(100 150 188 / var(--tw-bg-opacity, 1));
877
+ --tw-text-opacity: 1;
878
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
879
+ }
880
+ }
881
+ .mahati .nav-link-inactive {
882
+ }
883
+ .mahati .nav-link-content {
884
+ position: relative;
885
+ display: flex;
886
+ width: 100%;
887
+ flex-direction: row;
888
+ align-items: center;
889
+ }
890
+ .mahati .nav-link-content > :not([hidden]) ~ :not([hidden]) {
891
+ --tw-space-x-reverse: 0;
892
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
893
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
894
+ }
895
+ .mahati .nav-link-content {
896
+ border-radius: calc(var(--radius) - 2px);
897
+ padding-top: 0.375rem;
898
+ padding-bottom: 0.375rem;
899
+ padding-left: 0.5rem;
900
+ padding-right: 0.5rem;
901
+ font-size: 0.875rem;
902
+ line-height: 1.25rem;
903
+ font-weight: 400;
904
+ transition-duration: 500ms;
905
+ animation-duration: 500ms;
906
+ }
907
+ .mahati .nav-link-content-collapsed {
908
+ position: relative;
909
+ display: flex;
910
+ flex-direction: row;
911
+ align-items: center;
912
+ }
913
+ .mahati .nav-link-content-collapsed > :not([hidden]) ~ :not([hidden]) {
914
+ --tw-space-x-reverse: 0;
915
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
916
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
917
+ }
918
+ .mahati .nav-link-content-collapsed {
919
+ border-radius: calc(var(--radius) - 2px);
920
+ padding: 0.5rem;
921
+ font-size: 0.875rem;
922
+ line-height: 1.25rem;
923
+ font-weight: 400;
924
+ transition-duration: 100ms;
925
+ animation-duration: 100ms;
926
+ }
927
+ .mahati .nav-link-subitem {
928
+ padding-left: 1rem;
929
+ font-size: 0.875rem;
930
+ line-height: 1.25rem;
931
+ background-color: #6496bc;
932
+ }
933
+ .mahati .nav-link-content-text {
934
+ flex: 1 1 0%;
935
+ }
936
+ .mahati .chevron-icon {
937
+ font-size: 14px;
938
+ transition-property: transform;
939
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
940
+ transition-duration: 200ms;
941
+ animation-duration: 200ms;
942
+ }
943
+ .mahati .chevron-open {
944
+ --tw-rotate: 180deg;
945
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
946
+ }
947
+ .mahati .chevron-closed {
948
+ --tw-rotate: 0deg;
949
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
950
+ }
951
+ .mahati .submenu-container {
952
+ display: flex;
953
+ flex-direction: column;
954
+ }
955
+ .mahati .submenu-container > :not([hidden]) ~ :not([hidden]) {
956
+ --tw-space-y-reverse: 0;
957
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
958
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
959
+ }
960
+ .mahati .subitem-indent {
961
+ margin-left: 0.5rem;
962
+ }
963
+ .mahati .bottom-section {
964
+ position: sticky;
965
+ bottom: 1.25rem;
966
+ margin-top: auto;
967
+ margin-bottom: 1rem;
968
+ display: block;
969
+ white-space: nowrap;
970
+ transition-property:
971
+ color,
972
+ background-color,
973
+ border-color,
974
+ text-decoration-color,
975
+ fill,
976
+ stroke,
977
+ opacity,
978
+ box-shadow,
979
+ transform,
980
+ filter,
981
+ backdrop-filter;
982
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
983
+ transition-duration: 200ms;
984
+ animation-duration: 200ms;
985
+ }
986
+ .mahati .toggle-button-container {
987
+ }
988
+ .mahati .toggle-button {
989
+ position: absolute;
990
+ top: 1rem;
991
+ right: -12px;
992
+ display: flex;
993
+ height: 1.5rem;
994
+ width: 1.5rem;
995
+ align-items: center;
996
+ justify-content: center;
997
+ border-radius: var(--radius);
998
+ border-width: 1px;
999
+ border-color: hsl(var(--muted-foreground) / 0.2);
1000
+ background-color: hsl(var(--accent));
1001
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1002
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1003
+ box-shadow:
1004
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1005
+ var(--tw-ring-shadow, 0 0 #0000),
1006
+ var(--tw-shadow);
1007
+ transition-property: box-shadow;
1008
+ transition-duration: 300ms;
1009
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1010
+ animation-duration: 300ms;
1011
+ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1012
+ background-color: #135f9b;
1013
+ }
1014
+ .mahati .toggle-button:hover {
1015
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1016
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1017
+ box-shadow:
1018
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1019
+ var(--tw-ring-shadow, 0 0 #0000),
1020
+ var(--tw-shadow);
1021
+ }
1022
+ .mahati .tooltip-content {
1023
+ padding-left: 0.75rem;
1024
+ padding-right: 0.75rem;
1025
+ padding-top: 0.375rem;
1026
+ padding-bottom: 0.375rem;
1027
+ font-size: 0.75rem;
1028
+ line-height: 1rem;
1029
+ }
1030
+ .mahati .sidebar .nav-link-content svg,
1031
+ .mahati .sidebar .nav-link-content-collapsed svg,
1032
+ .mahati .toggle-button svg {
1033
+ height: 14px;
1034
+ width: 14px;
1035
+ --tw-text-opacity: 1;
1036
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1037
+ }
1038
+
1039
+ /* src/styles/common.css */
1040
+ .mahati {
1041
+ --breadcrumb-tooltip-max-width: 300px;
1042
+ --breadcrumb-tooltip-padding: 0.15rem;
1043
+ --breadcrumb-tooltip-margin-top: 0.5rem;
1044
+ }
1045
+ .mahati .page-container {
1046
+ width: 100%;
1047
+ margin-right: auto;
1048
+ margin-left: auto;
1049
+ padding-right: 2rem;
1050
+ padding-left: 2rem;
1051
+ }
1052
+ @media (min-width: 1400px) {
1053
+ .mahati .page-container {
1054
+ max-width: 1400px;
1055
+ }
1056
+ }
1057
+ .mahati .page-container {
1058
+ margin-left: auto;
1059
+ margin-right: auto;
1060
+ padding: 1.5rem;
1061
+ }
1062
+ @media (prefers-color-scheme: dark) {
1063
+ .mahati .page-container {
1064
+ --tw-bg-opacity: 1;
1065
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
1066
+ }
1067
+ }
1068
+ .mahati .page-header {
1069
+ display: flex;
1070
+ flex-direction: row;
1071
+ align-items: flex-start;
1072
+ gap: 0.5rem;
1073
+ padding-top: 0.25rem;
1074
+ padding-bottom: 0.25rem;
1075
+ }
1076
+ .mahati .page-blog-header {
1077
+ display: flex !important;
1078
+ flex-direction: column !important;
1079
+ align-items: flex-start !important;
1080
+ gap: 0.5rem !important;
1081
+ padding-top: 0.25rem !important;
1082
+ padding-bottom: 0.25rem !important;
1083
+ }
1084
+ .mahati .page-logo {
1085
+ height: 2.5rem;
1086
+ width: 5rem;
1087
+ -o-object-fit: contain;
1088
+ object-fit: contain;
1089
+ }
1090
+ @media (min-width: 768px) {
1091
+ .mahati .page-logo {
1092
+ height: 5rem;
1093
+ }
1094
+ }
1095
+ .mahati .page-title {
1096
+ margin-top: 1rem;
1097
+ margin-bottom: 0.5rem;
1098
+ word-break: keep-all;
1099
+ font-size: 1.5rem;
1100
+ line-height: 2rem;
1101
+ font-weight: 600;
1102
+ }
1103
+ @media (min-width: 768px) {
1104
+ .mahati .page-title {
1105
+ font-size: 1.875rem;
1106
+ line-height: 2.25rem;
1107
+ }
1108
+ }
1109
+ .mahati .page-subtitle {
1110
+ font-size: 0.875rem;
1111
+ line-height: 1.25rem;
1112
+ font-weight: 700;
1113
+ }
1114
+ @media (min-width: 768px) {
1115
+ .mahati .page-subtitle {
1116
+ font-size: 1.125rem;
1117
+ line-height: 1.75rem;
1118
+ }
1119
+ }
1120
+ .mahati .page-content {
1121
+ display: grid;
1122
+ gap: 1.5rem;
1123
+ }
1124
+ .mahati .page-section {
1125
+ border-radius: var(--radius);
1126
+ --tw-bg-opacity: 1;
1127
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1128
+ padding: 1rem;
1129
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1130
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1131
+ box-shadow:
1132
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1133
+ var(--tw-ring-shadow, 0 0 #0000),
1134
+ var(--tw-shadow);
1135
+ }
1136
+ @media (prefers-color-scheme: dark) {
1137
+ .mahati .page-section {
1138
+ --tw-bg-opacity: 1;
1139
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
1140
+ }
1141
+ }
1142
+ .mahati .page-subheading {
1143
+ margin-bottom: 1rem;
1144
+ font-size: 1.25rem;
1145
+ line-height: 1.75rem;
1146
+ font-weight: 600;
1147
+ }
1148
+ .mahati .page-para-text {
1149
+ margin-bottom: 1.5rem;
1150
+ font-size: 0.875rem;
1151
+ line-height: 1.75rem;
1152
+ }
1153
+ .mahati .page-text {
1154
+ margin-bottom: 1rem;
1155
+ font-size: 0.875rem;
1156
+ line-height: 1.75rem;
1157
+ }
1158
+ .mahati .page-list {
1159
+ margin-left: 1.25rem;
1160
+ margin-top: 0.5rem;
1161
+ list-style-type: disc;
1162
+ padding-left: 1.25rem;
1163
+ padding-right: 1.25rem;
1164
+ font-size: 0.875rem;
1165
+ line-height: 1.75rem;
1166
+ }
1167
+ .mahati .page-list-item {
1168
+ margin-bottom: 0.5rem;
1169
+ font-size: 0.875rem;
1170
+ line-height: 1.75rem;
1171
+ }
1172
+ .mahati .page-sublist {
1173
+ margin-top: 0.5rem;
1174
+ list-style-type: disc;
1175
+ padding-left: 1.25rem;
1176
+ padding-right: 1.25rem;
1177
+ }
1178
+ .mahati .page-sublist-item {
1179
+ margin-bottom: 0.5rem;
1180
+ }
1181
+ .mahati .page-sub-sublist-item {
1182
+ margin-bottom: 0.5rem;
1183
+ }
1184
+ .mahati .page-prerequisite {
1185
+ margin-top: 1.25rem;
1186
+ margin-bottom: 2.5rem;
1187
+ padding-left: 1.25rem;
1188
+ padding-right: 1.25rem;
1189
+ font-size: 1rem;
1190
+ line-height: 1.5rem;
1191
+ font-weight: 600;
1192
+ }
1193
+ .mahati .page-ordered-list {
1194
+ margin-top: 0.5rem;
1195
+ list-style-type: decimal;
1196
+ padding-left: 5rem;
1197
+ padding-right: 5rem;
1198
+ font-size: 0.875rem;
1199
+ line-height: 1.75rem;
1200
+ }
1201
+ .mahati .page-code-block {
1202
+ margin-top: 0.5rem;
1203
+ margin-bottom: 1.25rem;
1204
+ width: auto;
1205
+ white-space: pre-wrap;
1206
+ border-radius: var(--radius);
1207
+ background-color: rgb(209 213 219 / 0.8);
1208
+ padding: 0.75rem;
1209
+ font-size: 0.875rem;
1210
+ line-height: 1.25rem;
1211
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1212
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1213
+ box-shadow:
1214
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1215
+ var(--tw-ring-shadow, 0 0 #0000),
1216
+ var(--tw-shadow);
1217
+ }
1218
+ .mahati .page-hr {
1219
+ margin-top: 1rem;
1220
+ margin-bottom: 1rem;
1221
+ border-top-width: 1px;
1222
+ --tw-border-opacity: 1;
1223
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1224
+ }
1225
+ .mahati .page-subtext {
1226
+ padding-left: 1.25rem;
1227
+ padding-right: 1.25rem;
1228
+ }
1229
+ .mahati .page-link {
1230
+ display: inline-block;
1231
+ border-radius: var(--radius);
1232
+ border-bottom-width: 2px;
1233
+ border-color: transparent;
1234
+ padding-left: 0.5rem;
1235
+ padding-right: 0.5rem;
1236
+ color: rgb(37 99 235 / 1);
1237
+ text-decoration-line: underline;
1238
+ }
1239
+ .mahati .page-link:hover {
1240
+ --tw-border-opacity: 1;
1241
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1242
+ --tw-text-opacity: 1;
1243
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1244
+ }
1245
+ @media (prefers-color-scheme: dark) {
1246
+ .mahati .page-link {
1247
+ color: rgb(37 99 235 / 1);
1248
+ }
1249
+ .mahati .page-link:hover {
1250
+ --tw-text-opacity: 1;
1251
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1252
+ }
1253
+ }
1254
+ .mahati .page-content-highlight {
1255
+ content: " ";
1256
+ display: inline-block;
1257
+ border-radius: 0.75rem;
1258
+ padding-left: 0.5rem;
1259
+ padding-right: 0.5rem;
1260
+ }
1261
+ @media (prefers-color-scheme: dark) {
1262
+ .mahati .page-content-highlight {
1263
+ --tw-text-opacity: 1;
1264
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1265
+ }
1266
+ }
1267
+ .mahati .page-content-highlight {
1268
+ background-color: #e5d2ad5b;
1269
+ }
1270
+ .mahati .page-blog-editor {
1271
+ display: flex;
1272
+ flex-direction: row;
1273
+ padding-top: 0.5rem;
1274
+ padding-bottom: 0.5rem;
1275
+ font-size: 1.25rem;
1276
+ line-height: 1.75rem;
1277
+ }
1278
+ .mahati .breadcrumb {
1279
+ margin-top: 0.5rem;
1280
+ display: flex;
1281
+ align-items: center;
1282
+ padding-top: 0.5rem;
1283
+ padding-bottom: 0.5rem;
1284
+ padding-left: 1rem;
1285
+ padding-right: 1rem;
1286
+ }
1287
+ .mahati .breadcrumb-list {
1288
+ margin: 0px;
1289
+ display: flex;
1290
+ list-style-type: none;
1291
+ flex-wrap: wrap;
1292
+ padding: 0px;
1293
+ }
1294
+ .mahati .breadcrumb-item {
1295
+ display: flex;
1296
+ align-items: center;
1297
+ font-size: 0.875rem;
1298
+ line-height: 1.25rem;
1299
+ --tw-text-opacity: 1;
1300
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1301
+ }
1302
+ @media (prefers-color-scheme: dark) {
1303
+ .mahati .breadcrumb-item {
1304
+ --tw-text-opacity: 1;
1305
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1306
+ }
1307
+ }
1308
+ .mahati .breadcrumb-item:not(:last-child)::after {
1309
+ content: ">";
1310
+ margin-left: 0.5rem;
1311
+ margin-right: 0.5rem;
1312
+ font-size: 1.125rem;
1313
+ line-height: 1.75rem;
1314
+ --tw-text-opacity: 1;
1315
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1316
+ }
1317
+ @media (prefers-color-scheme: dark) {
1318
+ .mahati .breadcrumb-item:not(:last-child)::after {
1319
+ --tw-text-opacity: 1;
1320
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1321
+ }
1322
+ }
1323
+ .mahati .breadcrumb-link {
1324
+ display: flex;
1325
+ align-items: center;
1326
+ --tw-text-opacity: 1;
1327
+ color: rgb(37 99 235 / var(--tw-text-opacity, 1));
1328
+ }
1329
+ .mahati .breadcrumb-link:hover {
1330
+ text-decoration-line: underline;
1331
+ }
1332
+ @media (prefers-color-scheme: dark) {
1333
+ .mahati .breadcrumb-link {
1334
+ --tw-text-opacity: 1;
1335
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
1336
+ }
1337
+ }
1338
+ .mahati .breadcrumb-link svg {
1339
+ display: inline-block;
1340
+ height: 1rem;
1341
+ width: 1rem;
1342
+ vertical-align: middle;
1343
+ }
1344
+ .mahati .breadcrumb-current {
1345
+ display: flex;
1346
+ align-items: center;
1347
+ font-weight: 600;
1348
+ --tw-text-opacity: 1;
1349
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1));
1350
+ }
1351
+ @media (prefers-color-scheme: dark) {
1352
+ .mahati .breadcrumb-current {
1353
+ --tw-text-opacity: 1;
1354
+ color: rgb(243 244 246 / var(--tw-text-opacity, 1));
1355
+ }
1356
+ }
1357
+ .mahati .breadcrumb-current svg {
1358
+ display: inline-block;
1359
+ height: 1rem;
1360
+ width: 1rem;
1361
+ vertical-align: middle;
1362
+ }
1363
+ .mahati .breadcrumb [data-tooltip]:hover::after {
1364
+ top: 100%;
1365
+ bottom: auto;
1366
+ margin-top: var(--breadcrumb-tooltip-margin-top);
1367
+ margin-bottom: 0px;
1368
+ font-size: 0.875rem;
1369
+ line-height: 1.25rem;
1370
+ width: -moz-min-content;
1371
+ width: min-content;
1372
+ max-width: var(--breadcrumb-tooltip-max-width);
1373
+ padding: var(--breadcrumb-tooltip-padding);
1374
+ white-space: nowrap;
1375
+ background-color: #1572ba;
1376
+ text-align: center;
1377
+ }
1378
+ .mahati .breadcrumb [data-tooltip]:hover::before {
1379
+ top: calc(100% + 0.15rem);
1380
+ bottom: auto;
1381
+ border-left-width: 4px;
1382
+ border-right-width: 4px;
1383
+ border-bottom-width: 4px;
1384
+ border-top-width: 0px;
1385
+ border-left-color: transparent;
1386
+ border-right-color: transparent;
1387
+ --tw-border-opacity: 1;
1388
+ border-bottom-color: rgb(21 114 186 / var(--tw-border-opacity, 1));
1389
+ }
1390
+ .mahati [data-tooltip] {
1391
+ position: relative;
1392
+ }
1393
+ .mahati [data-tooltip]:hover::after {
1394
+ content: attr(data-tooltip);
1395
+ position: absolute;
1396
+ bottom: 100%;
1397
+ left: 50%;
1398
+ z-index: 10;
1399
+ margin-bottom: 0.5rem;
1400
+ max-height: 10rem;
1401
+ max-width: 28rem;
1402
+ --tw-translate-x: -50%;
1403
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1404
+ overflow-y: auto;
1405
+ white-space: normal;
1406
+ border-radius: 0.75rem;
1407
+ padding: 0.5rem;
1408
+ font-size: 0.875rem;
1409
+ line-height: 1.25rem;
1410
+ --tw-text-opacity: 1;
1411
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1412
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1413
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1414
+ box-shadow:
1415
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1416
+ var(--tw-ring-shadow, 0 0 #0000),
1417
+ var(--tw-shadow);
1418
+ transition-property: opacity;
1419
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1420
+ transition-delay: 300ms;
1421
+ transition-duration: 200ms;
1422
+ animation-duration: 200ms;
1423
+ animation-delay: 300ms;
1424
+ background-color: #1572ba;
1425
+ opacity: 1;
1426
+ }
1427
+ .mahati [data-tooltip]:hover::before {
1428
+ content: "";
1429
+ position: absolute;
1430
+ bottom: calc(100% - 0.2rem);
1431
+ left: 50%;
1432
+ height: 0px;
1433
+ width: 0px;
1434
+ --tw-translate-x: -50%;
1435
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1436
+ border-left-width: 4px;
1437
+ border-right-width: 4px;
1438
+ border-top-width: 4px;
1439
+ border-left-color: transparent;
1440
+ border-right-color: transparent;
1441
+ --tw-border-opacity: 1;
1442
+ border-top-color: rgb(21 114 186 / var(--tw-border-opacity, 1));
1443
+ transition-property: opacity;
1444
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1445
+ transition-delay: 300ms;
1446
+ transition-duration: 200ms;
1447
+ animation-duration: 200ms;
1448
+ animation-delay: 300ms;
1449
+ opacity: 1;
1450
+ }
1451
+ .mahati .page-link[data-tooltip]:hover::before {
1452
+ content: "";
1453
+ position: absolute;
1454
+ bottom: calc(100% - 0.2rem);
1455
+ left: 50%;
1456
+ height: 0px;
1457
+ width: 0px;
1458
+ --tw-translate-x: -50%;
1459
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1460
+ border-left-width: 4px;
1461
+ border-right-width: 4px;
1462
+ border-top-width: 4px;
1463
+ border-left-color: transparent;
1464
+ border-right-color: transparent;
1465
+ border-top-color: var(--tooltip-bg);
1466
+ transition-property: opacity;
1467
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1468
+ transition-delay: 300ms;
1469
+ transition-duration: 200ms;
1470
+ animation-duration: 200ms;
1471
+ animation-delay: 300ms;
1472
+ opacity: 1;
1473
+ }
1474
+ .mahati .multimedia-card {
1475
+ margin-left: auto;
1476
+ margin-right: auto;
1477
+ overflow: hidden;
1478
+ border-radius: 0.75rem;
1479
+ --tw-bg-opacity: 1;
1480
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1481
+ padding: 0.25rem;
1482
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1483
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1484
+ box-shadow:
1485
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1486
+ var(--tw-ring-shadow, 0 0 #0000),
1487
+ var(--tw-shadow);
1488
+ box-shadow: 0 4px 6px -1px #318acec0;
1489
+ }
1490
+ .mahati .multimedia-card:hover {
1491
+ box-shadow: 2px 8px 12px 3px #4189c0e7;
1492
+ }
1493
+ .mahati .multimedia-card-dynamic {
1494
+ width: var(--card-width, 384px);
1495
+ height: var(--card-height, 216px);
1496
+ left: var(--card-left, 0px);
1497
+ top: var(--card-top, 10px);
1498
+ min-height: 380px;
1499
+ max-height: 490px;
1500
+ }
1501
+ .mahati .multimedia-content {
1502
+ height: 100%;
1503
+ width: 100%;
1504
+ -o-object-fit: contain;
1505
+ object-fit: contain;
1506
+ }
1507
+ .mahati .multimedia-caption {
1508
+ margin-top: 0.5rem;
1509
+ overflow-wrap: break-word;
1510
+ text-align: center;
1511
+ font-size: 0.875rem;
1512
+ line-height: 1.25rem;
1513
+ --tw-text-opacity: 1;
1514
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1515
+ }
1516
+ .mahati .multimedia-control-button {
1517
+ display: flex;
1518
+ height: 2rem;
1519
+ width: 2rem;
1520
+ align-items: center;
1521
+ justify-content: center;
1522
+ border-radius: 9999px;
1523
+ --tw-bg-opacity: 1;
1524
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1525
+ text-align: center;
1526
+ line-height: 1;
1527
+ transition-property:
1528
+ color,
1529
+ background-color,
1530
+ border-color,
1531
+ text-decoration-color,
1532
+ fill,
1533
+ stroke;
1534
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1535
+ transition-duration: 150ms;
1536
+ }
1537
+ .mahati .multimedia-control-button:hover {
1538
+ --tw-bg-opacity: 1;
1539
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
1540
+ }
1541
+ .mahati .multimedia-control-button svg {
1542
+ height: 1rem;
1543
+ width: 1rem;
1544
+ }
1545
+ .mahati .table-container {
1546
+ margin-top: 1rem;
1547
+ overflow-x: auto;
1548
+ }
1549
+ .mahati .table {
1550
+ width: 100%;
1551
+ border-collapse: collapse;
1552
+ font-size: 0.875rem;
1553
+ line-height: 1.25rem;
1554
+ --tw-text-opacity: 1;
1555
+ color: rgb(55 65 81 / var(--tw-text-opacity, 1));
1556
+ }
1557
+ @media (prefers-color-scheme: dark) {
1558
+ .mahati .table {
1559
+ --tw-text-opacity: 1;
1560
+ color: rgb(229 231 235 / var(--tw-text-opacity, 1));
1561
+ }
1562
+ }
1563
+ .mahati .table-header {
1564
+ border-bottom-width: 2px;
1565
+ --tw-border-opacity: 1;
1566
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1567
+ --tw-bg-opacity: 1;
1568
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1569
+ padding-top: 0.75rem;
1570
+ padding-bottom: 0.75rem;
1571
+ padding-left: 1rem;
1572
+ padding-right: 1rem;
1573
+ text-align: left;
1574
+ font-weight: 600;
1575
+ --tw-text-opacity: 1;
1576
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1));
1577
+ }
1578
+ @media (prefers-color-scheme: dark) {
1579
+ .mahati .table-header {
1580
+ --tw-border-opacity: 1;
1581
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1582
+ --tw-bg-opacity: 1;
1583
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1584
+ --tw-text-opacity: 1;
1585
+ color: rgb(243 244 246 / var(--tw-text-opacity, 1));
1586
+ }
1587
+ }
1588
+ .mahati .table-cell {
1589
+ border-bottom-width: 1px;
1590
+ --tw-border-opacity: 1;
1591
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1592
+ padding-top: 0.75rem;
1593
+ padding-bottom: 0.75rem;
1594
+ padding-left: 1rem;
1595
+ padding-right: 1rem;
1596
+ transition-property:
1597
+ color,
1598
+ background-color,
1599
+ border-color,
1600
+ text-decoration-color,
1601
+ fill,
1602
+ stroke;
1603
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1604
+ transition-duration: 150ms;
1605
+ }
1606
+ .mahati .table-cell:hover {
1607
+ --tw-bg-opacity: 1;
1608
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1609
+ }
1610
+ @media (prefers-color-scheme: dark) {
1611
+ .mahati .table-cell {
1612
+ --tw-border-opacity: 1;
1613
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1614
+ }
1615
+ .mahati .table-cell:hover {
1616
+ --tw-bg-opacity: 1;
1617
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1618
+ }
1619
+ }
1620
+ .mahati .help-container {
1621
+ width: 100%;
1622
+ margin-right: auto;
1623
+ margin-left: auto;
1624
+ padding-right: 2rem;
1625
+ padding-left: 2rem;
1626
+ }
1627
+ @media (min-width: 1400px) {
1628
+ .mahati .help-container {
1629
+ max-width: 1400px;
1630
+ }
1631
+ }
1632
+ .mahati .help-container {
1633
+ margin-left: auto;
1634
+ margin-right: auto;
1635
+ max-width: 80rem;
1636
+ padding-left: 1rem;
1637
+ padding-right: 1rem;
1638
+ }
1639
+ .mahati .help-heading {
1640
+ margin-bottom: 3rem;
1641
+ text-align: center;
1642
+ font-size: 1.5rem;
1643
+ line-height: 2rem;
1644
+ font-weight: 700;
1645
+ }
1646
+ .mahati .help-grid {
1647
+ display: grid;
1648
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1649
+ gap: 2rem;
1650
+ }
1651
+ @media (min-width: 768px) {
1652
+ .mahati .help-grid {
1653
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1654
+ }
1655
+ }
1656
+ .mahati .help-card {
1657
+ position: relative;
1658
+ margin-left: auto;
1659
+ margin-right: auto;
1660
+ width: 100%;
1661
+ border-radius: 0.75rem;
1662
+ --tw-bg-opacity: 1;
1663
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1664
+ padding: 0.25rem;
1665
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1666
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1667
+ box-shadow:
1668
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1669
+ var(--tw-ring-shadow, 0 0 #0000),
1670
+ var(--tw-shadow);
1671
+ }
1672
+ @media (prefers-color-scheme: dark) {
1673
+ .mahati .help-card {
1674
+ --tw-bg-opacity: 1;
1675
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
1676
+ }
1677
+ }
1678
+ .mahati .help-card-small {
1679
+ min-height: 260px;
1680
+ min-width: 140px;
1681
+ max-width: 14rem;
1682
+ }
1683
+ .mahati .help-card-large {
1684
+ min-height: 320px;
1685
+ min-width: 200px;
1686
+ max-width: 20rem;
1687
+ }
1688
+ .mahati .help-card:hover {
1689
+ box-shadow: 2px 8px 12px 3px #4189c0e7;
1690
+ }
1691
+ .mahati .help-image-container {
1692
+ position: relative;
1693
+ margin-bottom: 1rem;
1694
+ display: flex;
1695
+ width: 100%;
1696
+ align-items: center;
1697
+ justify-content: center;
1698
+ overflow: hidden;
1699
+ border-radius: calc(var(--radius) - 4px);
1700
+ }
1701
+ .mahati .help-image-container-small {
1702
+ height: 4rem;
1703
+ }
1704
+ .mahati .help-image-container-large {
1705
+ height: 6rem;
1706
+ }
1707
+ .mahati .help-image {
1708
+ max-height: 100%;
1709
+ max-width: 100%;
1710
+ -o-object-fit: contain;
1711
+ object-fit: contain;
1712
+ }
1713
+ .mahati .help-icon-small {
1714
+ height: 1rem;
1715
+ width: 2rem;
1716
+ color: hsl(var(--primary));
1717
+ }
1718
+ @media (min-width: 768px) {
1719
+ .mahati .help-icon-small {
1720
+ height: 2rem;
1721
+ }
1722
+ }
1723
+ .mahati .help-icon-large {
1724
+ height: 1.25rem;
1725
+ width: 2.5rem;
1726
+ color: hsl(var(--primary));
1727
+ }
1728
+ @media (min-width: 768px) {
1729
+ .mahati .help-icon-large {
1730
+ height: 2.5rem;
1731
+ }
1732
+ }
1733
+ .mahati .help-video {
1734
+ height: 100%;
1735
+ width: 100%;
1736
+ -o-object-fit: cover;
1737
+ object-fit: cover;
1738
+ }
1739
+ .mahati .help-title-small {
1740
+ padding-left: 0.25rem;
1741
+ padding-right: 0.25rem;
1742
+ font-size: 0.75rem;
1743
+ line-height: 1.5rem;
1744
+ font-weight: 600;
1745
+ }
1746
+ .mahati .help-title-large {
1747
+ padding-left: 0.25rem;
1748
+ padding-right: 0.25rem;
1749
+ font-size: 0.875rem;
1750
+ line-height: 1.75rem;
1751
+ font-weight: 600;
1752
+ }
1753
+ .mahati .help-description-small {
1754
+ margin-bottom: 0.25rem;
1755
+ padding-left: 0.25rem;
1756
+ padding-right: 0.25rem;
1757
+ padding-top: 0.25rem;
1758
+ padding-bottom: 0.25rem;
1759
+ font-size: 0.75rem;
1760
+ line-height: 1.25rem;
1761
+ --tw-text-opacity: 1;
1762
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1763
+ }
1764
+ @media (prefers-color-scheme: dark) {
1765
+ .mahati .help-description-small {
1766
+ --tw-text-opacity: 1;
1767
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1768
+ }
1769
+ }
1770
+ .mahati .help-description-large {
1771
+ margin-bottom: 0.25rem;
1772
+ padding-left: 0.25rem;
1773
+ padding-right: 0.25rem;
1774
+ padding-top: 0.25rem;
1775
+ padding-bottom: 0.25rem;
1776
+ font-size: 0.875rem;
1777
+ line-height: 1.25rem;
1778
+ --tw-text-opacity: 1;
1779
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1780
+ }
1781
+ @media (prefers-color-scheme: dark) {
1782
+ .mahati .help-description-large {
1783
+ --tw-text-opacity: 1;
1784
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1785
+ }
1786
+ }
1787
+ .mahati .help-tech-container {
1788
+ margin-bottom: 1rem;
1789
+ display: flex;
1790
+ flex-wrap: wrap;
1791
+ gap: 0.5rem;
1792
+ }
1793
+ .mahati .help-tech-keywords-small {
1794
+ border-radius: 9999px;
1795
+ background-color: hsl(var(--primary) / 0.1);
1796
+ padding-left: 0.5rem;
1797
+ padding-right: 0.5rem;
1798
+ padding-top: 0.125rem;
1799
+ padding-bottom: 0.125rem;
1800
+ font-size: 0.75rem;
1801
+ line-height: 1rem;
1802
+ color: hsl(var(--primary));
1803
+ }
1804
+ .mahati .help-tech-keywords-large {
1805
+ border-radius: 9999px;
1806
+ background-color: hsl(var(--primary) / 0.1);
1807
+ padding-left: 0.75rem;
1808
+ padding-right: 0.75rem;
1809
+ padding-top: 0.25rem;
1810
+ padding-bottom: 0.25rem;
1811
+ font-size: 0.875rem;
1812
+ line-height: 1.25rem;
1813
+ color: hsl(var(--primary));
1814
+ }
1815
+ .mahati .help-links-small {
1816
+ margin-bottom: 1rem;
1817
+ display: flex;
1818
+ gap: 0.5rem;
1819
+ padding-left: 0.5rem;
1820
+ padding-right: 0.5rem;
1821
+ }
1822
+ .mahati .help-links-large {
1823
+ margin-bottom: 1rem;
1824
+ display: flex;
1825
+ gap: 1rem;
1826
+ padding-left: 0.5rem;
1827
+ padding-right: 0.5rem;
1828
+ }
1829
+ .mahati .help-link-small {
1830
+ margin-top: 0.5rem;
1831
+ display: flex;
1832
+ align-items: center;
1833
+ gap: 0.5rem;
1834
+ font-size: 0.75rem;
1835
+ line-height: 1rem;
1836
+ transition-property:
1837
+ color,
1838
+ background-color,
1839
+ border-color,
1840
+ text-decoration-color,
1841
+ fill,
1842
+ stroke;
1843
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1844
+ transition-duration: 150ms;
1845
+ }
1846
+ .mahati .help-link-small:hover {
1847
+ color: hsl(var(--primary));
1848
+ }
1849
+ .mahati .help-link-large {
1850
+ margin-top: 0.5rem;
1851
+ display: flex;
1852
+ align-items: center;
1853
+ gap: 0.5rem;
1854
+ font-size: 0.875rem;
1855
+ line-height: 1.25rem;
1856
+ transition-property:
1857
+ color,
1858
+ background-color,
1859
+ border-color,
1860
+ text-decoration-color,
1861
+ fill,
1862
+ stroke;
1863
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1864
+ transition-duration: 150ms;
1865
+ }
1866
+ .mahati .help-link-large:hover {
1867
+ color: hsl(var(--primary));
1868
+ }
1869
+ .mahati .help-link-icon-small {
1870
+ display: flex;
1871
+ align-items: center;
1872
+ gap: 0.5rem;
1873
+ font-size: 0.75rem;
1874
+ line-height: 1rem;
1875
+ transition-property:
1876
+ color,
1877
+ background-color,
1878
+ border-color,
1879
+ text-decoration-color,
1880
+ fill,
1881
+ stroke;
1882
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1883
+ transition-duration: 150ms;
1884
+ }
1885
+ .mahati .help-link-icon-small:hover {
1886
+ color: hsl(var(--primary));
1887
+ }
1888
+ .mahati .help-link-icon-large {
1889
+ display: flex;
1890
+ align-items: center;
1891
+ gap: 0.5rem;
1892
+ font-size: 0.875rem;
1893
+ line-height: 1.25rem;
1894
+ transition-property:
1895
+ color,
1896
+ background-color,
1897
+ border-color,
1898
+ text-decoration-color,
1899
+ fill,
1900
+ stroke;
1901
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1902
+ transition-duration: 150ms;
1903
+ }
1904
+ .mahati .help-link-icon-large:hover {
1905
+ color: hsl(var(--primary));
1906
+ }
1907
+ .mahati .contact-container {
1908
+ width: 100%;
1909
+ margin-right: auto;
1910
+ margin-left: auto;
1911
+ padding-right: 2rem;
1912
+ padding-left: 2rem;
1913
+ }
1914
+ @media (min-width: 1400px) {
1915
+ .mahati .contact-container {
1916
+ max-width: 1400px;
1917
+ }
1918
+ }
1919
+ .mahati .contact-container {
1920
+ margin-left: auto;
1921
+ margin-right: auto;
1922
+ max-width: 80rem;
1923
+ padding-top: 2rem;
1924
+ padding-bottom: 2rem;
1925
+ }
1926
+ .mahati .contact-heading {
1927
+ margin-bottom: 5rem;
1928
+ text-align: center;
1929
+ font-size: 1.5rem;
1930
+ line-height: 2rem;
1931
+ font-weight: 600;
1932
+ }
1933
+ @media (min-width: 768px) {
1934
+ .mahati .contact-heading {
1935
+ font-size: 1.875rem;
1936
+ line-height: 2.25rem;
1937
+ }
1938
+ }
1939
+ .mahati .contact-grid {
1940
+ display: grid;
1941
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1942
+ gap: 3rem;
1943
+ }
1944
+ @media (min-width: 768px) {
1945
+ .mahati .contact-grid {
1946
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1947
+ }
1948
+ }
1949
+ .mahati .contact-info-container {
1950
+ border-radius: var(--radius);
1951
+ --tw-bg-opacity: 1;
1952
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1953
+ padding: 1rem;
1954
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1955
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1956
+ box-shadow:
1957
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1958
+ var(--tw-ring-shadow, 0 0 #0000),
1959
+ var(--tw-shadow);
1960
+ }
1961
+ @media (prefers-color-scheme: dark) {
1962
+ .mahati .contact-info-container {
1963
+ --tw-bg-opacity: 1;
1964
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
1965
+ }
1966
+ }
1967
+ .mahati .contact-info-items > :not([hidden]) ~ :not([hidden]) {
1968
+ --tw-space-y-reverse: 0;
1969
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1970
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1971
+ }
1972
+ .mahati .contact-info-item {
1973
+ display: flex;
1974
+ align-items: center;
1975
+ gap: 1rem;
1976
+ }
1977
+ .mahati .contact-icon {
1978
+ height: 1.5rem;
1979
+ width: 1.5rem;
1980
+ color: hsl(var(--primary));
1981
+ }
1982
+ .mahati .contact-info-label {
1983
+ padding-top: 0.25rem;
1984
+ padding-bottom: 0.25rem;
1985
+ font-size: 0.875rem;
1986
+ line-height: 1.25rem;
1987
+ font-weight: 600;
1988
+ }
1989
+ .mahati .contact-info-link {
1990
+ color: rgb(37 99 235 / 1);
1991
+ }
1992
+ .mahati .contact-form-container {
1993
+ border-radius: calc(var(--radius) - 2px);
1994
+ padding: 1rem;
1995
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1996
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1997
+ box-shadow:
1998
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1999
+ var(--tw-ring-shadow, 0 0 #0000),
2000
+ var(--tw-shadow);
2001
+ }
2002
+ @media (prefers-color-scheme: dark) {
2003
+ .mahati .contact-form-container {
2004
+ --tw-bg-opacity: 1;
2005
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
2006
+ }
2007
+ }
2008
+ .mahati .contact-form-container {
2009
+ background-color: #a6d2c3c7;
2010
+ box-shadow: 2px 8px 12px 3px #4189c0e7;
2011
+ }
2012
+ .mahati .contact-form > :not([hidden]) ~ :not([hidden]) {
2013
+ --tw-space-y-reverse: 0;
2014
+ margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
2015
+ margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
2016
+ }
2017
+ .mahati .contact-form-label {
2018
+ margin-bottom: 0.5rem;
2019
+ display: block;
2020
+ font-size: 0.875rem;
2021
+ line-height: 1.25rem;
2022
+ font-weight: 500;
2023
+ }
2024
+ .mahati .contact-form-input {
2025
+ width: 100%;
2026
+ border-radius: calc(var(--radius) - 2px);
2027
+ border-width: 1px;
2028
+ --tw-border-opacity: 1;
2029
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
2030
+ --tw-bg-opacity: 1;
2031
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2032
+ padding-left: 1rem;
2033
+ padding-right: 1rem;
2034
+ padding-top: 0.5rem;
2035
+ padding-bottom: 0.5rem;
2036
+ }
2037
+ .mahati .contact-form-input:focus {
2038
+ border-color: transparent;
2039
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2040
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2041
+ box-shadow:
2042
+ var(--tw-ring-offset-shadow),
2043
+ var(--tw-ring-shadow),
2044
+ var(--tw-shadow, 0 0 #0000);
2045
+ --tw-ring-color: hsl(var(--primary));
2046
+ }
2047
+ @media (prefers-color-scheme: dark) {
2048
+ .mahati .contact-form-input {
2049
+ --tw-border-opacity: 1;
2050
+ border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
2051
+ background-color: rgb(31 41 55 / 1);
2052
+ }
2053
+ }
2054
+ .mahati .contact-form-success {
2055
+ text-align: center;
2056
+ --tw-text-opacity: 1;
2057
+ color: rgb(34 197 94 / var(--tw-text-opacity, 1));
2058
+ }
2059
+ .mahati .contact-form-error {
2060
+ text-align: center;
2061
+ --tw-text-opacity: 1;
2062
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2063
+ }
2064
+ .mahati .contact-form-submissin-message {
2065
+ --tw-text-opacity: 1;
2066
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2067
+ }
2068
+ .mahati .page-btn {
2069
+ position: relative;
2070
+ display: inline-flex;
2071
+ width: auto;
2072
+ align-items: center;
2073
+ justify-content: center;
2074
+ border-radius: 9999px;
2075
+ padding-left: 1rem;
2076
+ padding-right: 1rem;
2077
+ padding-top: 0.5rem;
2078
+ padding-bottom: 0.5rem;
2079
+ font-size: 0.875rem;
2080
+ line-height: 1.25rem;
2081
+ font-weight: 500;
2082
+ --tw-text-opacity: 1;
2083
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2084
+ }
2085
+ .mahati .page-btn:hover {
2086
+ --tw-bg-opacity: 1;
2087
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
2088
+ }
2089
+ .mahati .page-btn:focus {
2090
+ --tw-ring-opacity: 1;
2091
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2092
+ }
2093
+ .mahati .page-btn {
2094
+ background-color: #0e86e1;
2095
+ }
2096
+ .mahati .btn {
2097
+ display: inline-flex;
2098
+ align-items: center;
2099
+ justify-content: center;
2100
+ border-radius: 9999px;
2101
+ border-width: 1px;
2102
+ border-color: transparent;
2103
+ --tw-bg-opacity: 1;
2104
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
2105
+ padding-left: 1rem;
2106
+ padding-right: 1rem;
2107
+ padding-top: 0.5rem;
2108
+ padding-bottom: 0.5rem;
2109
+ font-size: 0.875rem;
2110
+ line-height: 1.25rem;
2111
+ font-weight: 500;
2112
+ --tw-text-opacity: 1;
2113
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2114
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2115
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2116
+ box-shadow:
2117
+ var(--tw-ring-offset-shadow, 0 0 #0000),
2118
+ var(--tw-ring-shadow, 0 0 #0000),
2119
+ var(--tw-shadow);
2120
+ transition-property:
2121
+ color,
2122
+ background-color,
2123
+ border-color,
2124
+ text-decoration-color,
2125
+ fill,
2126
+ stroke;
2127
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2128
+ transition-duration: 200ms;
2129
+ animation-duration: 200ms;
2130
+ }
2131
+ .mahati .btn:hover {
2132
+ --tw-bg-opacity: 1;
2133
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2134
+ }
2135
+ .mahati .btn:focus {
2136
+ outline: 2px solid transparent;
2137
+ outline-offset: 2px;
2138
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2139
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2140
+ box-shadow:
2141
+ var(--tw-ring-offset-shadow),
2142
+ var(--tw-ring-shadow),
2143
+ var(--tw-shadow, 0 0 #0000);
2144
+ --tw-ring-opacity: 1;
2145
+ --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));
2146
+ --tw-ring-offset-width: 2px;
2147
+ }
2148
+ .mahati .btn:disabled {
2149
+ cursor: not-allowed;
2150
+ --tw-bg-opacity: 1;
2151
+ background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
2152
+ }
2153
+ .mahati .btn-primary {
2154
+ --tw-bg-opacity: 1;
2155
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
2156
+ }
2157
+ .mahati .btn-primary:hover {
2158
+ --tw-bg-opacity: 1;
2159
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
2160
+ }
2161
+ .mahati .btn-primary:focus {
2162
+ --tw-ring-opacity: 1;
2163
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2164
+ }
2165
+
2166
+ /* src/styles/index.css */
2167
+ .mahati *,
2168
+ .mahati ::before,
2169
+ .mahati ::after {
2170
+ --tw-border-spacing-x: 0;
2171
+ --tw-border-spacing-y: 0;
2172
+ --tw-translate-x: 0;
2173
+ --tw-translate-y: 0;
2174
+ --tw-rotate: 0;
2175
+ --tw-skew-x: 0;
2176
+ --tw-skew-y: 0;
2177
+ --tw-scale-x: 1;
2178
+ --tw-scale-y: 1;
2179
+ --tw-pan-x: ;
2180
+ --tw-pan-y: ;
2181
+ --tw-pinch-zoom: ;
2182
+ --tw-scroll-snap-strictness: proximity;
2183
+ --tw-gradient-from-position: ;
2184
+ --tw-gradient-via-position: ;
2185
+ --tw-gradient-to-position: ;
2186
+ --tw-ordinal: ;
2187
+ --tw-slashed-zero: ;
2188
+ --tw-numeric-figure: ;
2189
+ --tw-numeric-spacing: ;
2190
+ --tw-numeric-fraction: ;
2191
+ --tw-ring-inset: ;
2192
+ --tw-ring-offset-width: 0px;
2193
+ --tw-ring-offset-color: #fff;
2194
+ --tw-ring-color: rgb(59 130 246 / 0.5);
2195
+ --tw-ring-offset-shadow: 0 0 #0000;
2196
+ --tw-ring-shadow: 0 0 #0000;
2197
+ --tw-shadow: 0 0 #0000;
2198
+ --tw-shadow-colored: 0 0 #0000;
2199
+ --tw-blur: ;
2200
+ --tw-brightness: ;
2201
+ --tw-contrast: ;
2202
+ --tw-grayscale: ;
2203
+ --tw-hue-rotate: ;
2204
+ --tw-invert: ;
2205
+ --tw-saturate: ;
2206
+ --tw-sepia: ;
2207
+ --tw-drop-shadow: ;
2208
+ --tw-backdrop-blur: ;
2209
+ --tw-backdrop-brightness: ;
2210
+ --tw-backdrop-contrast: ;
2211
+ --tw-backdrop-grayscale: ;
2212
+ --tw-backdrop-hue-rotate: ;
2213
+ --tw-backdrop-invert: ;
2214
+ --tw-backdrop-opacity: ;
2215
+ --tw-backdrop-saturate: ;
2216
+ --tw-backdrop-sepia: ;
2217
+ --tw-contain-size: ;
2218
+ --tw-contain-layout: ;
2219
+ --tw-contain-paint: ;
2220
+ --tw-contain-style: ;
2221
+ }
2222
+ .mahati ::backdrop {
2223
+ --tw-border-spacing-x: 0;
2224
+ --tw-border-spacing-y: 0;
2225
+ --tw-translate-x: 0;
2226
+ --tw-translate-y: 0;
2227
+ --tw-rotate: 0;
2228
+ --tw-skew-x: 0;
2229
+ --tw-skew-y: 0;
2230
+ --tw-scale-x: 1;
2231
+ --tw-scale-y: 1;
2232
+ --tw-pan-x: ;
2233
+ --tw-pan-y: ;
2234
+ --tw-pinch-zoom: ;
2235
+ --tw-scroll-snap-strictness: proximity;
2236
+ --tw-gradient-from-position: ;
2237
+ --tw-gradient-via-position: ;
2238
+ --tw-gradient-to-position: ;
2239
+ --tw-ordinal: ;
2240
+ --tw-slashed-zero: ;
2241
+ --tw-numeric-figure: ;
2242
+ --tw-numeric-spacing: ;
2243
+ --tw-numeric-fraction: ;
2244
+ --tw-ring-inset: ;
2245
+ --tw-ring-offset-width: 0px;
2246
+ --tw-ring-offset-color: #fff;
2247
+ --tw-ring-color: rgb(59 130 246 / 0.5);
2248
+ --tw-ring-offset-shadow: 0 0 #0000;
2249
+ --tw-ring-shadow: 0 0 #0000;
2250
+ --tw-shadow: 0 0 #0000;
2251
+ --tw-shadow-colored: 0 0 #0000;
2252
+ --tw-blur: ;
2253
+ --tw-brightness: ;
2254
+ --tw-contrast: ;
2255
+ --tw-grayscale: ;
2256
+ --tw-hue-rotate: ;
2257
+ --tw-invert: ;
2258
+ --tw-saturate: ;
2259
+ --tw-sepia: ;
2260
+ --tw-drop-shadow: ;
2261
+ --tw-backdrop-blur: ;
2262
+ --tw-backdrop-brightness: ;
2263
+ --tw-backdrop-contrast: ;
2264
+ --tw-backdrop-grayscale: ;
2265
+ --tw-backdrop-hue-rotate: ;
2266
+ --tw-backdrop-invert: ;
2267
+ --tw-backdrop-opacity: ;
2268
+ --tw-backdrop-saturate: ;
2269
+ --tw-backdrop-sepia: ;
2270
+ --tw-contain-size: ;
2271
+ --tw-contain-layout: ;
2272
+ --tw-contain-paint: ;
2273
+ --tw-contain-style: ;
2274
+ }
2275
+ .mahati {
2276
+ --background: 0 0% 100%;
2277
+ --foreground: 0 0% 3.9%;
2278
+ --card: 0 0% 100%;
2279
+ --card-foreground: 0 0% 3.9%;
2280
+ --popover: 0 0% 100%;
2281
+ --popover-foreground: 0 0% 3.9%;
2282
+ --primary: 221.2 83.2% 53.3%;
2283
+ --primary-foreground: 210 40% 98%;
2284
+ --secondary: 142.1 76.2% 36.3%;
2285
+ --secondary-foreground: 210 40% 98%;
2286
+ --muted: 0 0% 96.1%;
2287
+ --muted-foreground: 0 0% 45.1%;
2288
+ --accent: 0 0% 96.1%;
2289
+ --accent-foreground: 0 0% 9%;
2290
+ --destructive: 0 84.2% 60.2%;
2291
+ --destructive-foreground: 0 0% 98%;
2292
+ --border: 0 0% 89.8%;
2293
+ --input: 0 0% 89.8%;
2294
+ --ring: 0 0% 3.9%;
2295
+ --radius: 1.5rem;
2296
+ }
2297
+ .mahati .dark {
2298
+ --background: 0 0% 3.9%;
2299
+ --foreground: 0 0% 98%;
2300
+ --card: 0 0% 3.9%;
2301
+ --card-foreground: 0 0% 98%;
2302
+ --popover: 0 0% 3.9%;
2303
+ --popover-foreground: 0 0% 98%;
2304
+ --primary: 0 0% 98%;
2305
+ --primary-foreground: 0 0% 9%;
2306
+ --secondary: 0 0% 14.9%;
2307
+ --secondary-foreground: 0 0% 98%;
2308
+ --muted: 0 0% 14.9%;
2309
+ --muted-foreground: 0 0% 63.9%;
2310
+ --accent: 0 0% 14.9%;
2311
+ --accent-foreground: 0 0% 98%;
2312
+ --destructive: 0 62.8% 30.6%;
2313
+ --destructive-foreground: 0 0% 98%;
2314
+ --border: 0 0% 14.9%;
2315
+ --input: 0 0% 14.9%;
2316
+ --ring: 0 0% 83.1%;
2317
+ --radius: 1rem;
2318
+ }
2319
+ .mahati * {
2320
+ }
2321
+ .mahati {
2322
+ background-color: hsl(var(--background));
2323
+ color: hsl(var(--foreground));
2324
+ }
2325
+ .mahati .container {
2326
+ width: 100%;
2327
+ margin-right: auto;
2328
+ margin-left: auto;
2329
+ padding-right: 2rem;
2330
+ padding-left: 2rem;
2331
+ }
2332
+ @media (min-width: 1400px) {
2333
+ .mahati .container {
2334
+ max-width: 1400px;
2335
+ }
2336
+ }
2337
+ .mahati .sr-only {
2338
+ position: absolute;
2339
+ width: 1px;
2340
+ height: 1px;
2341
+ padding: 0;
2342
+ margin: -1px;
2343
+ overflow: hidden;
2344
+ clip: rect(0, 0, 0, 0);
2345
+ white-space: nowrap;
2346
+ border-width: 0;
2347
+ }
2348
+ .mahati .pointer-events-none {
2349
+ pointer-events: none;
2350
+ }
2351
+ .mahati .pointer-events-auto {
2352
+ pointer-events: auto;
2353
+ }
2354
+ .mahati .visible {
2355
+ visibility: visible;
2356
+ }
2357
+ .mahati .fixed {
2358
+ position: fixed;
2359
+ }
2360
+ .mahati .absolute {
2361
+ position: absolute;
2362
+ }
2363
+ .mahati .relative {
2364
+ position: relative;
2365
+ }
2366
+ .mahati .inset-0 {
2367
+ inset: 0px;
2368
+ }
2369
+ .mahati .inset-y-0 {
2370
+ top: 0px;
2371
+ bottom: 0px;
2372
+ }
2373
+ .mahati .bottom-0 {
2374
+ bottom: 0px;
2375
+ }
2376
+ .mahati .bottom-4 {
2377
+ bottom: 1rem;
2378
+ }
2379
+ .mahati .bottom-\[-2px\] {
2380
+ bottom: -2px;
2381
+ }
2382
+ .mahati .bottom-\[-4px\] {
2383
+ bottom: -4px;
2384
+ }
2385
+ .mahati .bottom-\[10px\] {
2386
+ bottom: 10px;
2387
+ }
2388
+ .mahati .bottom-\[16px\] {
2389
+ bottom: 16px;
2390
+ }
2391
+ .mahati .bottom-\[33px\] {
2392
+ bottom: 33px;
2393
+ }
2394
+ .mahati .bottom-\[52px\] {
2395
+ bottom: 52px;
2396
+ }
2397
+ .mahati .bottom-\[78px\] {
2398
+ bottom: 78px;
2399
+ }
2400
+ .mahati .bottom-full {
2401
+ bottom: 100%;
2402
+ }
2403
+ .mahati .left-0 {
2404
+ left: 0px;
2405
+ }
2406
+ .mahati .left-1\/2 {
2407
+ left: 50%;
2408
+ }
2409
+ .mahati .left-2 {
2410
+ left: 0.5rem;
2411
+ }
2412
+ .mahati .left-3 {
2413
+ left: 0.75rem;
2414
+ }
2415
+ .mahati .left-4 {
2416
+ left: 1rem;
2417
+ }
2418
+ .mahati .left-\[-4px\] {
2419
+ left: -4px;
2420
+ }
2421
+ .mahati .left-\[36px\] {
2422
+ left: 36px;
2423
+ }
2424
+ .mahati .left-\[5px\] {
2425
+ left: 5px;
2426
+ }
2427
+ .mahati .left-\[80px\] {
2428
+ left: 80px;
2429
+ }
2430
+ .mahati .left-\[calc\(100\%-36px\)\] {
2431
+ left: calc(100% - 36px);
2432
+ }
2433
+ .mahati .left-full {
2434
+ left: 100%;
2435
+ }
2436
+ .mahati .right-0 {
2437
+ right: 0px;
2438
+ }
2439
+ .mahati .right-2 {
2440
+ right: 0.5rem;
2441
+ }
2442
+ .mahati .right-3 {
2443
+ right: 0.75rem;
2444
+ }
2445
+ .mahati .right-4 {
2446
+ right: 1rem;
2447
+ }
2448
+ .mahati .right-\[-4px\] {
2449
+ right: -4px;
2450
+ }
2451
+ .mahati .right-\[12px\] {
2452
+ right: 12px;
2453
+ }
2454
+ .mahati .right-\[70px\] {
2455
+ right: 70px;
2456
+ }
2457
+ .mahati .right-\[80px\] {
2458
+ right: 80px;
2459
+ }
2460
+ .mahati .right-full {
2461
+ right: 100%;
2462
+ }
2463
+ .mahati .top-0 {
2464
+ top: 0px;
2465
+ }
2466
+ .mahati .top-1\/2 {
2467
+ top: 50%;
2468
+ }
2469
+ .mahati .top-2 {
2470
+ top: 0.5rem;
2471
+ }
2472
+ .mahati .top-3 {
2473
+ top: 0.75rem;
2474
+ }
2475
+ .mahati .top-4 {
2476
+ top: 1rem;
2477
+ }
2478
+ .mahati .top-\[-4px\] {
2479
+ top: -4px;
2480
+ }
2481
+ .mahati .top-\[13px\] {
2482
+ top: 13px;
2483
+ }
2484
+ .mahati .top-\[22px\] {
2485
+ top: 22px;
2486
+ }
2487
+ .mahati .top-\[27px\] {
2488
+ top: 27px;
2489
+ }
2490
+ .mahati .top-\[39px\] {
2491
+ top: 39px;
2492
+ }
2493
+ .mahati .top-full {
2494
+ top: 100%;
2495
+ }
2496
+ .mahati .z-10 {
2497
+ z-index: 10;
2498
+ }
2499
+ .mahati .z-20 {
2500
+ z-index: 20;
2501
+ }
2502
+ .mahati .z-30 {
2503
+ z-index: 30;
2504
+ }
2505
+ .mahati .z-50 {
2506
+ z-index: 50;
2507
+ }
2508
+ .mahati .z-\[9999\] {
2509
+ z-index: 9999;
2510
+ }
2511
+ .mahati .col-span-1 {
2512
+ grid-column: span 1 / span 1;
2513
+ }
2514
+ .mahati .m-0 {
2515
+ margin: 0px;
2516
+ }
2517
+ .mahati .mx-auto {
2518
+ margin-left: auto;
2519
+ margin-right: auto;
2520
+ }
2521
+ .mahati .my-10 {
2522
+ margin-top: 2.5rem;
2523
+ margin-bottom: 2.5rem;
2524
+ }
2525
+ .mahati .my-2 {
2526
+ margin-top: 0.5rem;
2527
+ margin-bottom: 0.5rem;
2528
+ }
2529
+ .mahati .mb-1 {
2530
+ margin-bottom: 0.25rem;
2531
+ }
2532
+ .mahati .mb-2 {
2533
+ margin-bottom: 0.5rem;
2534
+ }
2535
+ .mahati .mb-3 {
2536
+ margin-bottom: 0.75rem;
2537
+ }
2538
+ .mahati .mb-4 {
2539
+ margin-bottom: 1rem;
2540
+ }
2541
+ .mahati .mb-5 {
2542
+ margin-bottom: 1.25rem;
2543
+ }
2544
+ .mahati .mb-6 {
2545
+ margin-bottom: 1.5rem;
2546
+ }
2547
+ .mahati .ml-2 {
2548
+ margin-left: 0.5rem;
2549
+ }
2550
+ .mahati .mr-2 {
2551
+ margin-right: 0.5rem;
2552
+ }
2553
+ .mahati .mt-0\.5 {
2554
+ margin-top: 0.125rem;
2555
+ }
2556
+ .mahati .mt-1 {
2557
+ margin-top: 0.25rem;
2558
+ }
2559
+ .mahati .mt-2 {
2560
+ margin-top: 0.5rem;
2561
+ }
2562
+ .mahati .mt-3 {
2563
+ margin-top: 0.75rem;
2564
+ }
2565
+ .mahati .mt-4 {
2566
+ margin-top: 1rem;
2567
+ }
2568
+ .mahati .mt-6 {
2569
+ margin-top: 1.5rem;
2570
+ }
2571
+ .mahati .mt-8 {
2572
+ margin-top: 2rem;
2573
+ }
2574
+ .mahati .mt-auto {
2575
+ margin-top: auto;
2576
+ }
2577
+ .mahati .box-border {
2578
+ box-sizing: border-box;
2579
+ }
2580
+ .mahati .line-clamp-2 {
2581
+ overflow: hidden;
2582
+ display: -webkit-box;
2583
+ -webkit-box-orient: vertical;
2584
+ -webkit-line-clamp: 2;
2585
+ }
2586
+ .mahati .block {
2587
+ display: block;
2588
+ }
2589
+ .mahati .inline-block {
2590
+ display: inline-block;
2591
+ }
2592
+ .mahati .flex {
2593
+ display: flex;
2594
+ }
2595
+ .mahati .inline-flex {
2596
+ display: inline-flex;
2597
+ }
2598
+ .mahati .table {
2599
+ display: table;
2600
+ }
2601
+ .mahati .grid {
2602
+ display: grid;
2603
+ }
2604
+ .mahati .hidden {
2605
+ display: none;
2606
+ }
2607
+ .mahati .h-1 {
2608
+ height: 0.25rem;
2609
+ }
2610
+ .mahati .h-10 {
2611
+ height: 2.5rem;
2612
+ }
2613
+ .mahati .h-11 {
2614
+ height: 2.75rem;
2615
+ }
2616
+ .mahati .h-12 {
2617
+ height: 3rem;
2618
+ }
2619
+ .mahati .h-2 {
2620
+ height: 0.5rem;
2621
+ }
2622
+ .mahati .h-2\.5 {
2623
+ height: 0.625rem;
2624
+ }
2625
+ .mahati .h-3 {
2626
+ height: 0.75rem;
2627
+ }
2628
+ .mahati .h-4 {
2629
+ height: 1rem;
2630
+ }
2631
+ .mahati .h-48 {
2632
+ height: 12rem;
2633
+ }
2634
+ .mahati .h-5 {
2635
+ height: 1.25rem;
2636
+ }
2637
+ .mahati .h-6 {
2638
+ height: 1.5rem;
2639
+ }
2640
+ .mahati .h-64 {
2641
+ height: 16rem;
2642
+ }
2643
+ .mahati .h-8 {
2644
+ height: 2rem;
2645
+ }
2646
+ .mahati .h-80 {
2647
+ height: 20rem;
2648
+ }
2649
+ .mahati .h-9 {
2650
+ height: 2.25rem;
2651
+ }
2652
+ .mahati .h-96 {
2653
+ height: 24rem;
2654
+ }
2655
+ .mahati .h-\[0\.8rem\] {
2656
+ height: 0.8rem;
2657
+ }
2658
+ .mahati .h-\[110px\] {
2659
+ height: 110px;
2660
+ }
2661
+ .mahati .h-\[14px\] {
2662
+ height: 14px;
2663
+ }
2664
+ .mahati .h-\[24px\] {
2665
+ height: 24px;
2666
+ }
2667
+ .mahati .h-\[26px\] {
2668
+ height: 26px;
2669
+ }
2670
+ .mahati .h-\[2px\] {
2671
+ height: 2px;
2672
+ }
2673
+ .mahati .h-\[30px\] {
2674
+ height: 30px;
2675
+ }
2676
+ .mahati .h-\[36px\] {
2677
+ height: 36px;
2678
+ }
2679
+ .mahati .h-\[3px\] {
2680
+ height: 3px;
2681
+ }
2682
+ .mahati .h-\[44px\] {
2683
+ height: 44px;
2684
+ }
2685
+ .mahati .h-\[450px\] {
2686
+ height: 450px;
2687
+ }
2688
+ .mahati .h-\[460px\] {
2689
+ height: 460px;
2690
+ }
2691
+ .mahati .h-\[500px\] {
2692
+ height: 500px;
2693
+ }
2694
+ .mahati .h-\[50px\] {
2695
+ height: 50px;
2696
+ }
2697
+ .mahati .h-\[57px\] {
2698
+ height: 57px;
2699
+ }
2700
+ .mahati .h-\[60px\] {
2701
+ height: 60px;
2702
+ }
2703
+ .mahati .h-\[70px\] {
2704
+ height: 70px;
2705
+ }
2706
+ .mahati .h-full {
2707
+ height: 100%;
2708
+ }
2709
+ .mahati .h-screen {
2710
+ height: 100vh;
2711
+ }
2712
+ .mahati .max-h-\[240px\] {
2713
+ max-height: 240px;
2714
+ }
2715
+ .mahati .max-h-\[90vh\] {
2716
+ max-height: 90vh;
2717
+ }
2718
+ .mahati .min-h-\[180px\] {
2719
+ min-height: 180px;
2720
+ }
2721
+ .mahati .min-h-\[52px\] {
2722
+ min-height: 52px;
2723
+ }
2724
+ .mahati .min-h-\[80vh\] {
2725
+ min-height: 80vh;
2726
+ }
2727
+ .mahati .min-h-screen {
2728
+ min-height: 100vh;
2729
+ }
2730
+ .mahati .w-0 {
2731
+ width: 0px;
2732
+ }
2733
+ .mahati .w-1 {
2734
+ width: 0.25rem;
2735
+ }
2736
+ .mahati .w-10 {
2737
+ width: 2.5rem;
2738
+ }
2739
+ .mahati .w-2 {
2740
+ width: 0.5rem;
2741
+ }
2742
+ .mahati .w-3 {
2743
+ width: 0.75rem;
2744
+ }
2745
+ .mahati .w-4 {
2746
+ width: 1rem;
2747
+ }
2748
+ .mahati .w-40 {
2749
+ width: 10rem;
2750
+ }
2751
+ .mahati .w-5 {
2752
+ width: 1.25rem;
2753
+ }
2754
+ .mahati .w-56 {
2755
+ width: 14rem;
2756
+ }
2757
+ .mahati .w-6 {
2758
+ width: 1.5rem;
2759
+ }
2760
+ .mahati .w-64 {
2761
+ width: 16rem;
2762
+ }
2763
+ .mahati .w-8 {
2764
+ width: 2rem;
2765
+ }
2766
+ .mahati .w-9 {
2767
+ width: 2.25rem;
2768
+ }
2769
+ .mahati .w-\[130px\] {
2770
+ width: 130px;
2771
+ }
2772
+ .mahati .w-\[14px\] {
2773
+ width: 14px;
2774
+ }
2775
+ .mahati .w-\[24px\] {
2776
+ width: 24px;
2777
+ }
2778
+ .mahati .w-\[26px\] {
2779
+ width: 26px;
2780
+ }
2781
+ .mahati .w-\[280px\] {
2782
+ width: 280px;
2783
+ }
2784
+ .mahati .w-\[357px\] {
2785
+ width: 357px;
2786
+ }
2787
+ .mahati .w-\[360px\] {
2788
+ width: 360px;
2789
+ }
2790
+ .mahati .w-\[3px\] {
2791
+ width: 3px;
2792
+ }
2793
+ .mahati .w-\[438px\] {
2794
+ width: 438px;
2795
+ }
2796
+ .mahati .w-\[5px\] {
2797
+ width: 5px;
2798
+ }
2799
+ .mahati .w-\[77px\] {
2800
+ width: 77px;
2801
+ }
2802
+ .mahati .w-\[98px\] {
2803
+ width: 98px;
2804
+ }
2805
+ .mahati .w-\[min\(92vw\,420px\)\] {
2806
+ width: min(92vw, 420px);
2807
+ }
2808
+ .mahati .w-fit {
2809
+ width: -moz-fit-content;
2810
+ width: fit-content;
2811
+ }
2812
+ .mahati .w-full {
2813
+ width: 100%;
2814
+ }
2815
+ .mahati .min-w-0 {
2816
+ min-width: 0px;
2817
+ }
2818
+ .mahati .min-w-\[140px\] {
2819
+ min-width: 140px;
2820
+ }
2821
+ .mahati .min-w-\[684px\] {
2822
+ min-width: 684px;
2823
+ }
2824
+ .mahati .min-w-full {
2825
+ min-width: 100%;
2826
+ }
2827
+ .mahati .max-w-4xl {
2828
+ max-width: 56rem;
2829
+ }
2830
+ .mahati .max-w-6xl {
2831
+ max-width: 72rem;
2832
+ }
2833
+ .mahati .max-w-\[560px\] {
2834
+ max-width: 560px;
2835
+ }
2836
+ .mahati .max-w-\[684px\] {
2837
+ max-width: 684px;
2838
+ }
2839
+ .mahati .max-w-full {
2840
+ max-width: 100%;
2841
+ }
2842
+ .mahati .flex-1 {
2843
+ flex: 1 1 0%;
2844
+ }
2845
+ .mahati .flex-shrink {
2846
+ flex-shrink: 1;
2847
+ }
2848
+ .mahati .flex-shrink-0 {
2849
+ flex-shrink: 0;
2850
+ }
2851
+ .mahati .shrink-0 {
2852
+ flex-shrink: 0;
2853
+ }
2854
+ .mahati .flex-grow {
2855
+ flex-grow: 1;
2856
+ }
2857
+ .mahati .border-collapse {
2858
+ border-collapse: collapse;
2859
+ }
2860
+ .mahati .origin-left {
2861
+ transform-origin: left;
2862
+ }
2863
+ .mahati .origin-top {
2864
+ transform-origin: top;
2865
+ }
2866
+ .mahati .-translate-x-1\/2 {
2867
+ --tw-translate-x: -50%;
2868
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2869
+ }
2870
+ .mahati .-translate-x-2 {
2871
+ --tw-translate-x: -0.5rem;
2872
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2873
+ }
2874
+ .mahati .-translate-y-1\/2 {
2875
+ --tw-translate-y: -50%;
2876
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2877
+ }
2878
+ .mahati .-translate-y-2 {
2879
+ --tw-translate-y: -0.5rem;
2880
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2881
+ }
2882
+ .mahati .translate-x-0 {
2883
+ --tw-translate-x: 0px;
2884
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2885
+ }
2886
+ .mahati .translate-x-2 {
2887
+ --tw-translate-x: 0.5rem;
2888
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2889
+ }
2890
+ .mahati .translate-x-full {
2891
+ --tw-translate-x: 100%;
2892
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2893
+ }
2894
+ .mahati .translate-y-2 {
2895
+ --tw-translate-y: 0.5rem;
2896
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2897
+ }
2898
+ .mahati .rotate-180 {
2899
+ --tw-rotate: 180deg;
2900
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2901
+ }
2902
+ .mahati .rotate-45 {
2903
+ --tw-rotate: 45deg;
2904
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2905
+ }
2906
+ .mahati .scale-100 {
2907
+ --tw-scale-x: 1;
2908
+ --tw-scale-y: 1;
2909
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2910
+ }
2911
+ .mahati .scale-95 {
2912
+ --tw-scale-x: .95;
2913
+ --tw-scale-y: .95;
2914
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2915
+ }
2916
+ .mahati .scale-x-0 {
2917
+ --tw-scale-x: 0;
2918
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2919
+ }
2920
+ .mahati .scale-x-100 {
2921
+ --tw-scale-x: 1;
2922
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2923
+ }
2924
+ .mahati .scale-y-0 {
2925
+ --tw-scale-y: 0;
2926
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2927
+ }
2928
+ .mahati .scale-y-100 {
2929
+ --tw-scale-y: 1;
2930
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2931
+ }
2932
+ .mahati .transform {
2933
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2934
+ }
2935
+ @keyframes spin {
2936
+ to {
2937
+ transform: rotate(360deg);
2938
+ }
2939
+ }
2940
+ .mahati .animate-\[spin_1s_linear_infinite\] {
2941
+ animation: spin 1s linear infinite;
2942
+ }
2943
+ .mahati .cursor-not-allowed {
2944
+ cursor: not-allowed;
2945
+ }
2946
+ .mahati .cursor-pointer {
2947
+ cursor: pointer;
2948
+ }
2949
+ .mahati .select-none {
2950
+ -webkit-user-select: none;
2951
+ -moz-user-select: none;
2952
+ user-select: none;
2953
+ }
2954
+ .mahati .resize {
2955
+ resize: both;
2956
+ }
2957
+ .mahati .list-none {
2958
+ list-style-type: none;
2959
+ }
2960
+ .mahati .appearance-none {
2961
+ -webkit-appearance: none;
2962
+ -moz-appearance: none;
2963
+ appearance: none;
2964
+ }
2965
+ .mahati .grid-cols-1 {
2966
+ grid-template-columns: repeat(1, minmax(0, 1fr));
2967
+ }
2968
+ .mahati .grid-cols-2 {
2969
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2970
+ }
2971
+ .mahati .grid-cols-7 {
2972
+ grid-template-columns: repeat(7, minmax(0, 1fr));
2973
+ }
2974
+ .mahati .grid-rows-\[0fr\] {
2975
+ grid-template-rows: 0fr;
2976
+ }
2977
+ .mahati .grid-rows-\[1fr\] {
2978
+ grid-template-rows: 1fr;
2979
+ }
2980
+ .mahati .flex-row {
2981
+ flex-direction: row;
2982
+ }
2983
+ .mahati .flex-col {
2984
+ flex-direction: column;
2985
+ }
2986
+ .mahati .flex-wrap {
2987
+ flex-wrap: wrap;
2988
+ }
2989
+ .mahati .items-start {
2990
+ align-items: flex-start;
2991
+ }
2992
+ .mahati .items-center {
2993
+ align-items: center;
2994
+ }
2995
+ .mahati .justify-start {
2996
+ justify-content: flex-start;
2997
+ }
2998
+ .mahati .justify-end {
2999
+ justify-content: flex-end;
3000
+ }
3001
+ .mahati .justify-center {
3002
+ justify-content: center;
3003
+ }
3004
+ .mahati .justify-between {
3005
+ justify-content: space-between;
3006
+ }
3007
+ .mahati .justify-around {
3008
+ justify-content: space-around;
3009
+ }
3010
+ .mahati .gap-0 {
3011
+ gap: 0px;
3012
+ }
3013
+ .mahati .gap-1 {
3014
+ gap: 0.25rem;
3015
+ }
3016
+ .mahati .gap-2 {
3017
+ gap: 0.5rem;
3018
+ }
3019
+ .mahati .gap-3 {
3020
+ gap: 0.75rem;
3021
+ }
3022
+ .mahati .gap-4 {
3023
+ gap: 1rem;
3024
+ }
3025
+ .mahati .gap-6 {
3026
+ gap: 1.5rem;
3027
+ }
3028
+ .mahati .space-x-4 > :not([hidden]) ~ :not([hidden]) {
3029
+ --tw-space-x-reverse: 0;
3030
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
3031
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
3032
+ }
3033
+ .mahati .space-y-2 > :not([hidden]) ~ :not([hidden]) {
3034
+ --tw-space-y-reverse: 0;
3035
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
3036
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
3037
+ }
3038
+ .mahati .space-y-3 > :not([hidden]) ~ :not([hidden]) {
3039
+ --tw-space-y-reverse: 0;
3040
+ margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
3041
+ margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
3042
+ }
3043
+ .mahati .space-y-4 > :not([hidden]) ~ :not([hidden]) {
3044
+ --tw-space-y-reverse: 0;
3045
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
3046
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
3047
+ }
3048
+ .mahati .space-y-5 > :not([hidden]) ~ :not([hidden]) {
3049
+ --tw-space-y-reverse: 0;
3050
+ margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
3051
+ margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
3052
+ }
3053
+ .mahati .overflow-hidden {
3054
+ overflow: hidden;
3055
+ }
3056
+ .mahati .overflow-x-auto {
3057
+ overflow-x: auto;
3058
+ }
3059
+ .mahati .overflow-y-auto {
3060
+ overflow-y: auto;
3061
+ }
3062
+ .mahati .truncate {
3063
+ overflow: hidden;
3064
+ text-overflow: ellipsis;
3065
+ white-space: nowrap;
3066
+ }
3067
+ .mahati .text-ellipsis {
3068
+ text-overflow: ellipsis;
3069
+ }
3070
+ .mahati .whitespace-normal {
3071
+ white-space: normal;
3072
+ }
3073
+ .mahati .whitespace-nowrap {
3074
+ white-space: nowrap;
3075
+ }
3076
+ .mahati .break-words {
3077
+ overflow-wrap: break-word;
3078
+ }
3079
+ .mahati .rounded {
3080
+ border-radius: 0.25rem;
3081
+ }
3082
+ .mahati .rounded-2xl {
3083
+ border-radius: 1rem;
3084
+ }
3085
+ .mahati .rounded-\[10\%\] {
3086
+ border-radius: 10%;
3087
+ }
3088
+ .mahati .rounded-\[12px\] {
3089
+ border-radius: 12px;
3090
+ }
3091
+ .mahati .rounded-\[14px\] {
3092
+ border-radius: 14px;
3093
+ }
3094
+ .mahati .rounded-\[20px_0_0_20px\] {
3095
+ border-radius: 20px 0 0 20px;
3096
+ }
3097
+ .mahati .rounded-\[6px\] {
3098
+ border-radius: 6px;
3099
+ }
3100
+ .mahati .rounded-\[8px\] {
3101
+ border-radius: 8px;
3102
+ }
3103
+ .mahati .rounded-full {
3104
+ border-radius: 9999px;
3105
+ }
3106
+ .mahati .rounded-lg {
3107
+ border-radius: var(--radius);
3108
+ }
3109
+ .mahati .rounded-md {
3110
+ border-radius: calc(var(--radius) - 2px);
3111
+ }
3112
+ .mahati .rounded-none {
3113
+ border-radius: 0px;
3114
+ }
3115
+ .mahati .rounded-sm {
3116
+ border-radius: calc(var(--radius) - 4px);
3117
+ }
3118
+ .mahati .rounded-xl {
3119
+ border-radius: 0.75rem;
3120
+ }
3121
+ .mahati .rounded-b-\[8px\] {
3122
+ border-bottom-right-radius: 8px;
3123
+ border-bottom-left-radius: 8px;
3124
+ }
3125
+ .mahati .rounded-l-\[8px\] {
3126
+ border-top-left-radius: 8px;
3127
+ border-bottom-left-radius: 8px;
3128
+ }
3129
+ .mahati .rounded-r-\[8px\] {
3130
+ border-top-right-radius: 8px;
3131
+ border-bottom-right-radius: 8px;
3132
+ }
3133
+ .mahati .rounded-t-\[8px\] {
3134
+ border-top-left-radius: 8px;
3135
+ border-top-right-radius: 8px;
3136
+ }
3137
+ .mahati .rounded-bl-\[8px\] {
3138
+ border-bottom-left-radius: 8px;
3139
+ }
3140
+ .mahati .rounded-br-\[8px\] {
3141
+ border-bottom-right-radius: 8px;
3142
+ }
3143
+ .mahati .rounded-tl-\[8px\] {
3144
+ border-top-left-radius: 8px;
3145
+ }
3146
+ .mahati .rounded-tr-\[8px\] {
3147
+ border-top-right-radius: 8px;
3148
+ }
3149
+ .mahati .border {
3150
+ border-width: 1px;
3151
+ }
3152
+ .mahati .border-2 {
3153
+ border-width: 2px;
3154
+ }
3155
+ .mahati .border-4 {
3156
+ border-width: 4px;
3157
+ }
3158
+ .mahati .border-\[4px\] {
3159
+ border-width: 4px;
3160
+ }
3161
+ .mahati .border-b {
3162
+ border-bottom-width: 1px;
3163
+ }
3164
+ .mahati .border-b-2 {
3165
+ border-bottom-width: 2px;
3166
+ }
3167
+ .mahati .border-b-4 {
3168
+ border-bottom-width: 4px;
3169
+ }
3170
+ .mahati .border-r {
3171
+ border-right-width: 1px;
3172
+ }
3173
+ .mahati .border-t {
3174
+ border-top-width: 1px;
3175
+ }
3176
+ .mahati .border-solid {
3177
+ border-style: solid;
3178
+ }
3179
+ .mahati .border-dashed {
3180
+ border-style: dashed;
3181
+ }
3182
+ .mahati .border-\[\#1761A3\] {
3183
+ --tw-border-opacity: 1;
3184
+ border-color: rgb(23 97 163 / var(--tw-border-opacity, 1));
3185
+ }
3186
+ .mahati .border-\[\#1761a3\] {
3187
+ --tw-border-opacity: 1;
3188
+ border-color: rgb(23 97 163 / var(--tw-border-opacity, 1));
3189
+ }
3190
+ .mahati .border-\[\#63b3ed\] {
3191
+ --tw-border-opacity: 1;
3192
+ border-color: rgb(99 179 237 / var(--tw-border-opacity, 1));
3193
+ }
3194
+ .mahati .border-\[\#D2D2D2\] {
3195
+ --tw-border-opacity: 1;
3196
+ border-color: rgb(210 210 210 / var(--tw-border-opacity, 1));
3197
+ }
3198
+ .mahati .border-\[\#D9D9D9\] {
3199
+ --tw-border-opacity: 1;
3200
+ border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
3201
+ }
3202
+ .mahati .border-\[\#b8d1f3\] {
3203
+ --tw-border-opacity: 1;
3204
+ border-color: rgb(184 209 243 / var(--tw-border-opacity, 1));
3205
+ }
3206
+ .mahati .border-\[red\] {
3207
+ --tw-border-opacity: 1;
3208
+ border-color: rgb(255 0 0 / var(--tw-border-opacity, 1));
3209
+ }
3210
+ .mahati .border-\[rgba\(0\,123\,255\,0\.2\)\] {
3211
+ border-color: rgba(0, 123, 255, 0.2);
3212
+ }
3213
+ .mahati .border-\[rgba\(23\,97\,163\,0\.35\)\] {
3214
+ border-color: rgba(23, 97, 163, 0.35);
3215
+ }
3216
+ .mahati .border-\[rgba\(23\,97\,163\,0\.4\)\] {
3217
+ border-color: rgba(23, 97, 163, 0.4);
3218
+ }
3219
+ .mahati .border-\[rgba\(255\,255\,255\,0\.6\)\] {
3220
+ border-color: rgba(255, 255, 255, 0.6);
3221
+ }
3222
+ .mahati .border-\[rgba\(38\,118\,154\,0\.45\)\] {
3223
+ border-color: rgba(38, 118, 154, 0.45);
3224
+ }
3225
+ .mahati .border-\[rgba\(77\,175\,131\,0\.25\)\] {
3226
+ border-color: rgba(77, 175, 131, 0.25);
3227
+ }
3228
+ .mahati .border-blue-200 {
3229
+ --tw-border-opacity: 1;
3230
+ border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
3231
+ }
3232
+ .mahati .border-blue-500 {
3233
+ --tw-border-opacity: 1;
3234
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
3235
+ }
3236
+ .mahati .border-emerald-200 {
3237
+ --tw-border-opacity: 1;
3238
+ border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
3239
+ }
3240
+ .mahati .border-gray-100 {
3241
+ --tw-border-opacity: 1;
3242
+ border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
3243
+ }
3244
+ .mahati .border-gray-200 {
3245
+ --tw-border-opacity: 1;
3246
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
3247
+ }
3248
+ .mahati .border-gray-300 {
3249
+ --tw-border-opacity: 1;
3250
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
3251
+ }
3252
+ .mahati .border-gray-400 {
3253
+ --tw-border-opacity: 1;
3254
+ border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
3255
+ }
3256
+ .mahati .border-input {
3257
+ border-color: hsl(var(--input));
3258
+ }
3259
+ .mahati .border-red-200 {
3260
+ --tw-border-opacity: 1;
3261
+ border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
3262
+ }
3263
+ .mahati .border-red-500 {
3264
+ --tw-border-opacity: 1;
3265
+ border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
3266
+ }
3267
+ .mahati .border-slate-100 {
3268
+ --tw-border-opacity: 1;
3269
+ border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
3270
+ }
3271
+ .mahati .border-slate-200 {
3272
+ --tw-border-opacity: 1;
3273
+ border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
3274
+ }
3275
+ .mahati .border-slate-300 {
3276
+ --tw-border-opacity: 1;
3277
+ border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
3278
+ }
3279
+ .mahati .border-slate-400 {
3280
+ --tw-border-opacity: 1;
3281
+ border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
3282
+ }
3283
+ .mahati .border-slate-700 {
3284
+ --tw-border-opacity: 1;
3285
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
3286
+ }
3287
+ .mahati .border-transparent {
3288
+ border-color: transparent;
3289
+ }
3290
+ .mahati .border-white\/30 {
3291
+ border-color: rgb(255 255 255 / 0.3);
3292
+ }
3293
+ .mahati .border-white\/40 {
3294
+ border-color: rgb(255 255 255 / 0.4);
3295
+ }
3296
+ .mahati .border-t-\[rgba\(0\,123\,255\,1\)\] {
3297
+ border-top-color: rgba(0, 123, 255, 1);
3298
+ }
3299
+ .mahati .\!bg-transparent {
3300
+ background-color: transparent !important;
3301
+ }
3302
+ .mahati .bg-\[\#1761A3\] {
3303
+ --tw-bg-opacity: 1;
3304
+ background-color: rgb(23 97 163 / var(--tw-bg-opacity, 1));
3305
+ }
3306
+ .mahati .bg-\[\#1761A3\]\/40 {
3307
+ background-color: rgb(23 97 163 / 0.4);
3308
+ }
3309
+ .mahati .bg-\[\#1e73be80\] {
3310
+ background-color: #1e73be80;
3311
+ }
3312
+ .mahati .bg-\[\#45484f\] {
3313
+ --tw-bg-opacity: 1;
3314
+ background-color: rgb(69 72 79 / var(--tw-bg-opacity, 1));
3315
+ }
3316
+ .mahati .bg-\[\#D9D9D9\] {
3317
+ --tw-bg-opacity: 1;
3318
+ background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
3319
+ }
3320
+ .mahati .bg-\[\#EAF3FD\] {
3321
+ --tw-bg-opacity: 1;
3322
+ background-color: rgb(234 243 253 / var(--tw-bg-opacity, 1));
3323
+ }
3324
+ .mahati .bg-\[\#EEF4F7\] {
3325
+ --tw-bg-opacity: 1;
3326
+ background-color: rgb(238 244 247 / var(--tw-bg-opacity, 1));
3327
+ }
3328
+ .mahati .bg-\[\#F0F4F8\] {
3329
+ --tw-bg-opacity: 1;
3330
+ background-color: rgb(240 244 248 / var(--tw-bg-opacity, 1));
3331
+ }
3332
+ .mahati .bg-\[\#F0F8FF\] {
3333
+ --tw-bg-opacity: 1;
3334
+ background-color: rgb(240 248 255 / var(--tw-bg-opacity, 1));
3335
+ }
3336
+ .mahati .bg-\[\#F3F8FF\] {
3337
+ --tw-bg-opacity: 1;
3338
+ background-color: rgb(243 248 255 / var(--tw-bg-opacity, 1));
3339
+ }
3340
+ .mahati .bg-\[\#F8FAFD\] {
3341
+ --tw-bg-opacity: 1;
3342
+ background-color: rgb(248 250 253 / var(--tw-bg-opacity, 1));
3343
+ }
3344
+ .mahati .bg-\[rgba\(0\,123\,255\,0\.05\)\] {
3345
+ background-color: rgba(0, 123, 255, 0.05);
3346
+ }
3347
+ .mahati .bg-\[rgba\(17\,24\,39\,1\)\] {
3348
+ background-color: rgba(17, 24, 39, 1);
3349
+ }
3350
+ .mahati .bg-\[rgba\(23\,97\,163\,0\.15\)\] {
3351
+ background-color: rgba(23, 97, 163, 0.15);
3352
+ }
3353
+ .mahati .bg-\[rgba\(23\,97\,163\,1\)\] {
3354
+ background-color: rgba(23, 97, 163, 1);
3355
+ }
3356
+ .mahati .bg-\[rgba\(239\,68\,68\,0\.15\)\] {
3357
+ background-color: rgba(239, 68, 68, 0.15);
3358
+ }
3359
+ .mahati .bg-\[rgba\(255\,255\,255\,0\.15\)\] {
3360
+ background-color: rgba(255, 255, 255, 0.15);
3361
+ }
3362
+ .mahati .bg-\[rgba\(255\,255\,255\,1\)\] {
3363
+ background-color: rgba(255, 255, 255, 1);
3364
+ }
3365
+ .mahati .bg-background {
3366
+ background-color: hsl(var(--background));
3367
+ }
3368
+ .mahati .bg-black\/40 {
3369
+ background-color: rgb(0 0 0 / 0.4);
3370
+ }
3371
+ .mahati .bg-blue-300 {
3372
+ --tw-bg-opacity: 1;
3373
+ background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
3374
+ }
3375
+ .mahati .bg-blue-50\/70 {
3376
+ background-color: rgb(239 246 255 / 0.7);
3377
+ }
3378
+ .mahati .bg-blue-600 {
3379
+ --tw-bg-opacity: 1;
3380
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
3381
+ }
3382
+ .mahati .bg-emerald-50 {
3383
+ --tw-bg-opacity: 1;
3384
+ background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
3385
+ }
3386
+ .mahati .bg-gray-100 {
3387
+ --tw-bg-opacity: 1;
3388
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
3389
+ }
3390
+ .mahati .bg-gray-50 {
3391
+ --tw-bg-opacity: 1;
3392
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
3393
+ }
3394
+ .mahati .bg-gray-500 {
3395
+ --tw-bg-opacity: 1;
3396
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
3397
+ }
3398
+ .mahati .bg-gray-700 {
3399
+ --tw-bg-opacity: 1;
3400
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
3401
+ }
3402
+ .mahati .bg-gray-800 {
3403
+ --tw-bg-opacity: 1;
3404
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
3405
+ }
3406
+ .mahati .bg-primary {
3407
+ background-color: hsl(var(--primary));
3408
+ }
3409
+ .mahati .bg-red-50 {
3410
+ --tw-bg-opacity: 1;
3411
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
3412
+ }
3413
+ .mahati .bg-red-600 {
3414
+ --tw-bg-opacity: 1;
3415
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
3416
+ }
3417
+ .mahati .bg-secondary {
3418
+ background-color: hsl(var(--secondary));
3419
+ }
3420
+ .mahati .bg-slate-100 {
3421
+ --tw-bg-opacity: 1;
3422
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
3423
+ }
3424
+ .mahati .bg-slate-300 {
3425
+ --tw-bg-opacity: 1;
3426
+ background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
3427
+ }
3428
+ .mahati .bg-slate-50 {
3429
+ --tw-bg-opacity: 1;
3430
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
3431
+ }
3432
+ .mahati .bg-teal-500 {
3433
+ --tw-bg-opacity: 1;
3434
+ background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
3435
+ }
3436
+ .mahati .bg-transparent {
3437
+ background-color: transparent;
3438
+ }
3439
+ .mahati .bg-white {
3440
+ --tw-bg-opacity: 1;
3441
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
3442
+ }
3443
+ .mahati .bg-white\/10 {
3444
+ background-color: rgb(255 255 255 / 0.1);
3445
+ }
3446
+ .mahati .bg-white\/20 {
3447
+ background-color: rgb(255 255 255 / 0.2);
3448
+ }
3449
+ .mahati .bg-\[linear-gradient\(90deg\,\#1761A3_0\%\,\#4DAF83_100\%\)\] {
3450
+ background-image:
3451
+ linear-gradient(
3452
+ 90deg,
3453
+ #1761A3 0%,
3454
+ #4DAF83 100%);
3455
+ }
3456
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(139\,92\,246\,1\)_0\%\,rgba\(168\,85\,247\,1\)_100\%\)\] {
3457
+ background-image:
3458
+ linear-gradient(
3459
+ 90deg,
3460
+ rgba(139, 92, 246, 1) 0%,
3461
+ rgba(168, 85, 247, 1) 100%);
3462
+ }
3463
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(139\,92\,246\,1\)_22\.5\%\,rgba\(168\,85\,247\,1\)_130\%\)\] {
3464
+ background-image:
3465
+ linear-gradient(
3466
+ 90deg,
3467
+ rgba(139, 92, 246, 1) 22.5%,
3468
+ rgba(168, 85, 247, 1) 130%);
3469
+ }
3470
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(16\,185\,129\,1\)_0\%\,rgba\(59\,130\,246\,1\)_100\%\)\] {
3471
+ background-image:
3472
+ linear-gradient(
3473
+ 90deg,
3474
+ rgba(16, 185, 129, 1) 0%,
3475
+ rgba(59, 130, 246, 1) 100%);
3476
+ }
3477
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(16\,185\,129\,1\)_22\.5\%\,rgba\(59\,130\,246\,1\)_130\%\)\] {
3478
+ background-image:
3479
+ linear-gradient(
3480
+ 90deg,
3481
+ rgba(16, 185, 129, 1) 22.5%,
3482
+ rgba(59, 130, 246, 1) 130%);
3483
+ }
3484
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(220\,53\,69\,1\)_0\%\,rgba\(183\,28\,28\,1\)_100\%\)\] {
3485
+ background-image:
3486
+ linear-gradient(
3487
+ 90deg,
3488
+ rgba(220, 53, 69, 1) 0%,
3489
+ rgba(183, 28, 28, 1) 100%);
3490
+ }
3491
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(220\,53\,69\,1\)_22\.5\%\,rgba\(183\,28\,28\,1\)_130\%\)\] {
3492
+ background-image:
3493
+ linear-gradient(
3494
+ 90deg,
3495
+ rgba(220, 53, 69, 1) 22.5%,
3496
+ rgba(183, 28, 28, 1) 130%);
3497
+ }
3498
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(23\,97\,163\,1\)_0\%\,rgba\(77\,175\,131\,1\)_100\%\)\] {
3499
+ background-image:
3500
+ linear-gradient(
3501
+ 90deg,
3502
+ rgba(23, 97, 163, 1) 0%,
3503
+ rgba(77, 175, 131, 1) 100%);
3504
+ }
3505
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(23\,97\,163\,1\)_22\.5\%\,rgba\(77\,175\,131\,1\)_130\%\)\] {
3506
+ background-image:
3507
+ linear-gradient(
3508
+ 90deg,
3509
+ rgba(23, 97, 163, 1) 22.5%,
3510
+ rgba(77, 175, 131, 1) 130%);
3511
+ }
3512
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(245\,158\,11\,1\)_0\%\,rgba\(255\,191\,92\,1\)_100\%\)\] {
3513
+ background-image:
3514
+ linear-gradient(
3515
+ 90deg,
3516
+ rgba(245, 158, 11, 1) 0%,
3517
+ rgba(255, 191, 92, 1) 100%);
3518
+ }
3519
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(245\,158\,11\,1\)_22\.5\%\,rgba\(255\,191\,92\,1\)_130\%\)\] {
3520
+ background-image:
3521
+ linear-gradient(
3522
+ 90deg,
3523
+ rgba(245, 158, 11, 1) 22.5%,
3524
+ rgba(255, 191, 92, 1) 130%);
3525
+ }
3526
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(40\,167\,69\,1\)_0\%\,rgba\(58\,208\,125\,1\)_100\%\)\] {
3527
+ background-image:
3528
+ linear-gradient(
3529
+ 90deg,
3530
+ rgba(40, 167, 69, 1) 0%,
3531
+ rgba(58, 208, 125, 1) 100%);
3532
+ }
3533
+ .mahati .bg-\[linear-gradient\(90deg\,rgba\(40\,167\,69\,1\)_22\.5\%\,rgba\(58\,208\,125\,1\)_130\%\)\] {
3534
+ background-image:
3535
+ linear-gradient(
3536
+ 90deg,
3537
+ rgba(40, 167, 69, 1) 22.5%,
3538
+ rgba(58, 208, 125, 1) 130%);
3539
+ }
3540
+ .mahati .bg-gradient-to-b {
3541
+ background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
3542
+ }
3543
+ .mahati .bg-gradient-to-r {
3544
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
3545
+ }
3546
+ .mahati .from-\[\#1761A3\] {
3547
+ --tw-gradient-from: #1761A3 var(--tw-gradient-from-position);
3548
+ --tw-gradient-to: rgb(23 97 163 / 0) var(--tw-gradient-to-position);
3549
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3550
+ }
3551
+ .mahati .from-\[\#1761a3\] {
3552
+ --tw-gradient-from: #1761a3 var(--tw-gradient-from-position);
3553
+ --tw-gradient-to: rgb(23 97 163 / 0) var(--tw-gradient-to-position);
3554
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3555
+ }
3556
+ .mahati .from-\[\#f2fbf8\] {
3557
+ --tw-gradient-from: #f2fbf8 var(--tw-gradient-from-position);
3558
+ --tw-gradient-to: rgb(242 251 248 / 0) var(--tw-gradient-to-position);
3559
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3560
+ }
3561
+ .mahati .from-\[\#f3fbf8\] {
3562
+ --tw-gradient-from: #f3fbf8 var(--tw-gradient-from-position);
3563
+ --tw-gradient-to: rgb(243 251 248 / 0) var(--tw-gradient-to-position);
3564
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3565
+ }
3566
+ .mahati .from-\[\$\{PRIMARY_COLOR\}\] {
3567
+ --tw-gradient-from: $ {
3568
+ PRIMARY COLOR;
3569
+ }
3570
+ var(--tw-gradient-from-position);
3571
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
3572
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3573
+ }
3574
+ .mahati .from-\[rgba\(23\,97\,163\,0\.08\)\] {
3575
+ --tw-gradient-from: rgba(23,97,163,0.08) var(--tw-gradient-from-position);
3576
+ --tw-gradient-to: rgba(23, 97, 163, 0) var(--tw-gradient-to-position);
3577
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3578
+ }
3579
+ .mahati .from-\[rgba\(23\,97\,163\,1\)\] {
3580
+ --tw-gradient-from: rgba(23,97,163,1) var(--tw-gradient-from-position);
3581
+ --tw-gradient-to: rgba(23, 97, 163, 0) var(--tw-gradient-to-position);
3582
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3583
+ }
3584
+ .mahati .from-blue-500 {
3585
+ --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
3586
+ --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
3587
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3588
+ }
3589
+ .mahati .to-\[\#4DAF83\] {
3590
+ --tw-gradient-to: #4DAF83 var(--tw-gradient-to-position);
3591
+ }
3592
+ .mahati .to-\[\#4daf83\] {
3593
+ --tw-gradient-to: #4daf83 var(--tw-gradient-to-position);
3594
+ }
3595
+ .mahati .to-\[\#eef6fb\] {
3596
+ --tw-gradient-to: #eef6fb var(--tw-gradient-to-position);
3597
+ }
3598
+ .mahati .to-\[\$\{ACCENT_COLOR\}\] {
3599
+ --tw-gradient-to: $ {
3600
+ ACCENT COLOR;
3601
+ }
3602
+ var(--tw-gradient-to-position);
3603
+ }
3604
+ .mahati .to-\[rgba\(77\,175\,131\,0\.08\)\] {
3605
+ --tw-gradient-to: rgba(77,175,131,0.08) var(--tw-gradient-to-position);
3606
+ }
3607
+ .mahati .to-\[rgba\(77\,175\,131\,1\)\] {
3608
+ --tw-gradient-to: rgba(77,175,131,1) var(--tw-gradient-to-position);
3609
+ }
3610
+ .mahati .to-blue-50 {
3611
+ --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
3612
+ }
3613
+ .mahati .to-purple-500 {
3614
+ --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
3615
+ }
3616
+ .mahati .object-contain {
3617
+ -o-object-fit: contain;
3618
+ object-fit: contain;
3619
+ }
3620
+ .mahati .object-cover {
3621
+ -o-object-fit: cover;
3622
+ object-fit: cover;
3623
+ }
3624
+ .mahati .p-0 {
3625
+ padding: 0px;
3626
+ }
3627
+ .mahati .p-1 {
3628
+ padding: 0.25rem;
3629
+ }
3630
+ .mahati .p-2 {
3631
+ padding: 0.5rem;
3632
+ }
3633
+ .mahati .p-3 {
3634
+ padding: 0.75rem;
3635
+ }
3636
+ .mahati .p-4 {
3637
+ padding: 1rem;
3638
+ }
3639
+ .mahati .p-5 {
3640
+ padding: 1.25rem;
3641
+ }
3642
+ .mahati .p-6 {
3643
+ padding: 1.5rem;
3644
+ }
3645
+ .mahati .p-8 {
3646
+ padding: 2rem;
3647
+ }
3648
+ .mahati .p-\[2px\] {
3649
+ padding: 2px;
3650
+ }
3651
+ .mahati .px-1 {
3652
+ padding-left: 0.25rem;
3653
+ padding-right: 0.25rem;
3654
+ }
3655
+ .mahati .px-2 {
3656
+ padding-left: 0.5rem;
3657
+ padding-right: 0.5rem;
3658
+ }
3659
+ .mahati .px-3 {
3660
+ padding-left: 0.75rem;
3661
+ padding-right: 0.75rem;
3662
+ }
3663
+ .mahati .px-4 {
3664
+ padding-left: 1rem;
3665
+ padding-right: 1rem;
3666
+ }
3667
+ .mahati .px-5 {
3668
+ padding-left: 1.25rem;
3669
+ padding-right: 1.25rem;
3670
+ }
3671
+ .mahati .px-6 {
3672
+ padding-left: 1.5rem;
3673
+ padding-right: 1.5rem;
3674
+ }
3675
+ .mahati .px-8 {
3676
+ padding-left: 2rem;
3677
+ padding-right: 2rem;
3678
+ }
3679
+ .mahati .py-1 {
3680
+ padding-top: 0.25rem;
3681
+ padding-bottom: 0.25rem;
3682
+ }
3683
+ .mahati .py-1\.5 {
3684
+ padding-top: 0.375rem;
3685
+ padding-bottom: 0.375rem;
3686
+ }
3687
+ .mahati .py-2 {
3688
+ padding-top: 0.5rem;
3689
+ padding-bottom: 0.5rem;
3690
+ }
3691
+ .mahati .py-2\.5 {
3692
+ padding-top: 0.625rem;
3693
+ padding-bottom: 0.625rem;
3694
+ }
3695
+ .mahati .py-3 {
3696
+ padding-top: 0.75rem;
3697
+ padding-bottom: 0.75rem;
3698
+ }
3699
+ .mahati .py-4 {
3700
+ padding-top: 1rem;
3701
+ padding-bottom: 1rem;
3702
+ }
3703
+ .mahati .py-6 {
3704
+ padding-top: 1.5rem;
3705
+ padding-bottom: 1.5rem;
3706
+ }
3707
+ .mahati .py-8 {
3708
+ padding-top: 2rem;
3709
+ padding-bottom: 2rem;
3710
+ }
3711
+ .mahati .pb-3 {
3712
+ padding-bottom: 0.75rem;
3713
+ }
3714
+ .mahati .pb-4 {
3715
+ padding-bottom: 1rem;
3716
+ }
3717
+ .mahati .pr-10 {
3718
+ padding-right: 2.5rem;
3719
+ }
3720
+ .mahati .pr-2 {
3721
+ padding-right: 0.5rem;
3722
+ }
3723
+ .mahati .pr-3 {
3724
+ padding-right: 0.75rem;
3725
+ }
3726
+ .mahati .pr-5 {
3727
+ padding-right: 1.25rem;
3728
+ }
3729
+ .mahati .pr-6 {
3730
+ padding-right: 1.5rem;
3731
+ }
3732
+ .mahati .pr-8 {
3733
+ padding-right: 2rem;
3734
+ }
3735
+ .mahati .pt-3 {
3736
+ padding-top: 0.75rem;
3737
+ }
3738
+ .mahati .text-left {
3739
+ text-align: left;
3740
+ }
3741
+ .mahati .text-center {
3742
+ text-align: center;
3743
+ }
3744
+ .mahati .text-right {
3745
+ text-align: right;
3746
+ }
3747
+ .mahati .align-middle {
3748
+ vertical-align: middle;
3749
+ }
3750
+ .mahati .font-\[\"Poppins\"\] {
3751
+ font-family: "Poppins";
3752
+ }
3753
+ .mahati .font-\[\'Poppins\'\] {
3754
+ font-family: "Poppins";
3755
+ }
3756
+ .mahati .font-\[Poppins\] {
3757
+ font-family: Poppins;
3758
+ }
3759
+ .mahati .font-mono {
3760
+ font-family:
3761
+ ui-monospace,
3762
+ SFMono-Regular,
3763
+ Menlo,
3764
+ Monaco,
3765
+ Consolas,
3766
+ "Liberation Mono",
3767
+ "Courier New",
3768
+ monospace;
3769
+ }
3770
+ .mahati .font-sans {
3771
+ font-family:
3772
+ ui-sans-serif,
3773
+ system-ui,
3774
+ sans-serif,
3775
+ "Apple Color Emoji",
3776
+ "Segoe UI Emoji",
3777
+ "Segoe UI Symbol",
3778
+ "Noto Color Emoji";
3779
+ }
3780
+ .mahati .font-serif {
3781
+ font-family:
3782
+ ui-serif,
3783
+ Georgia,
3784
+ Cambria,
3785
+ "Times New Roman",
3786
+ Times,
3787
+ serif;
3788
+ }
3789
+ .mahati .text-2xl {
3790
+ font-size: 1.5rem;
3791
+ line-height: 2rem;
3792
+ }
3793
+ .mahati .text-3xl {
3794
+ font-size: 1.875rem;
3795
+ line-height: 2.25rem;
3796
+ }
3797
+ .mahati .text-\[10px\] {
3798
+ font-size: 10px;
3799
+ }
3800
+ .mahati .text-\[12px\] {
3801
+ font-size: 12px;
3802
+ }
3803
+ .mahati .text-\[14px\] {
3804
+ font-size: 14px;
3805
+ }
3806
+ .mahati .text-\[16px\] {
3807
+ font-size: 16px;
3808
+ }
3809
+ .mahati .text-base {
3810
+ font-size: 1rem;
3811
+ line-height: 1.5rem;
3812
+ }
3813
+ .mahati .text-lg {
3814
+ font-size: 1.125rem;
3815
+ line-height: 1.75rem;
3816
+ }
3817
+ .mahati .text-sm {
3818
+ font-size: 0.875rem;
3819
+ line-height: 1.25rem;
3820
+ }
3821
+ .mahati .text-xl {
3822
+ font-size: 1.25rem;
3823
+ line-height: 1.75rem;
3824
+ }
3825
+ .mahati .text-xs {
3826
+ font-size: 0.75rem;
3827
+ line-height: 1rem;
3828
+ }
3829
+ .mahati .font-\[400\] {
3830
+ font-weight: 400;
3831
+ }
3832
+ .mahati .font-\[600\] {
3833
+ font-weight: 600;
3834
+ }
3835
+ .mahati .font-\[700\] {
3836
+ font-weight: 700;
3837
+ }
3838
+ .mahati .font-bold {
3839
+ font-weight: 700;
3840
+ }
3841
+ .mahati .font-medium {
3842
+ font-weight: 500;
3843
+ }
3844
+ .mahati .font-semibold {
3845
+ font-weight: 600;
3846
+ }
3847
+ .mahati .uppercase {
3848
+ text-transform: uppercase;
3849
+ }
3850
+ .mahati .lowercase {
3851
+ text-transform: lowercase;
3852
+ }
3853
+ .mahati .not-italic {
3854
+ font-style: normal;
3855
+ }
3856
+ .mahati .leading-5 {
3857
+ line-height: 1.25rem;
3858
+ }
3859
+ .mahati .leading-none {
3860
+ line-height: 1;
3861
+ }
3862
+ .mahati .leading-normal {
3863
+ line-height: 1.5;
3864
+ }
3865
+ .mahati .leading-relaxed {
3866
+ line-height: 1.625;
3867
+ }
3868
+ .mahati .tracking-wide {
3869
+ letter-spacing: 0.025em;
3870
+ }
3871
+ .mahati .text-\[\#0f172a\] {
3872
+ --tw-text-opacity: 1;
3873
+ color: rgb(15 23 42 / var(--tw-text-opacity, 1));
3874
+ }
3875
+ .mahati .text-\[\#1761A3\] {
3876
+ --tw-text-opacity: 1;
3877
+ color: rgb(23 97 163 / var(--tw-text-opacity, 1));
3878
+ }
3879
+ .mahati .text-\[\#1761a3\] {
3880
+ --tw-text-opacity: 1;
3881
+ color: rgb(23 97 163 / var(--tw-text-opacity, 1));
3882
+ }
3883
+ .mahati .text-\[\#333333\] {
3884
+ --tw-text-opacity: 1;
3885
+ color: rgb(51 51 51 / var(--tw-text-opacity, 1));
3886
+ }
3887
+ .mahati .text-\[\#90cdf4\] {
3888
+ --tw-text-opacity: 1;
3889
+ color: rgb(144 205 244 / var(--tw-text-opacity, 1));
3890
+ }
3891
+ .mahati .text-\[\#EF4444\] {
3892
+ --tw-text-opacity: 1;
3893
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
3894
+ }
3895
+ .mahati .text-\[\#cbd5e0\] {
3896
+ --tw-text-opacity: 1;
3897
+ color: rgb(203 213 224 / var(--tw-text-opacity, 1));
3898
+ }
3899
+ .mahati .text-\[rgba\(0\,0\,0\,1\)\] {
3900
+ color: rgba(0, 0, 0, 1);
3901
+ }
3902
+ .mahati .text-\[rgba\(139\,92\,246\,1\)\] {
3903
+ color: rgba(139, 92, 246, 1);
3904
+ }
3905
+ .mahati .text-\[rgba\(16\,185\,129\,1\)\] {
3906
+ color: rgba(16, 185, 129, 1);
3907
+ }
3908
+ .mahati .text-\[rgba\(220\,53\,69\,1\)\] {
3909
+ color: rgba(220, 53, 69, 1);
3910
+ }
3911
+ .mahati .text-\[rgba\(23\,97\,163\,1\)\] {
3912
+ color: rgba(23, 97, 163, 1);
3913
+ }
3914
+ .mahati .text-\[rgba\(245\,158\,11\,1\)\] {
3915
+ color: rgba(245, 158, 11, 1);
3916
+ }
3917
+ .mahati .text-\[rgba\(255\,255\,255\,1\)\] {
3918
+ color: rgba(255, 255, 255, 1);
3919
+ }
3920
+ .mahati .text-\[rgba\(40\,167\,69\,1\)\] {
3921
+ color: rgba(40, 167, 69, 1);
3922
+ }
3923
+ .mahati .text-black {
3924
+ --tw-text-opacity: 1;
3925
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
3926
+ }
3927
+ .mahati .text-blue-600 {
3928
+ --tw-text-opacity: 1;
3929
+ color: rgb(37 99 235 / var(--tw-text-opacity, 1));
3930
+ }
3931
+ .mahati .text-blue-700 {
3932
+ --tw-text-opacity: 1;
3933
+ color: rgb(29 78 216 / var(--tw-text-opacity, 1));
3934
+ }
3935
+ .mahati .text-emerald-700 {
3936
+ --tw-text-opacity: 1;
3937
+ color: rgb(4 120 87 / var(--tw-text-opacity, 1));
3938
+ }
3939
+ .mahati .text-gray-300 {
3940
+ --tw-text-opacity: 1;
3941
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
3942
+ }
3943
+ .mahati .text-gray-400 {
3944
+ --tw-text-opacity: 1;
3945
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
3946
+ }
3947
+ .mahati .text-gray-500 {
3948
+ --tw-text-opacity: 1;
3949
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
3950
+ }
3951
+ .mahati .text-gray-600 {
3952
+ --tw-text-opacity: 1;
3953
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
3954
+ }
3955
+ .mahati .text-gray-700 {
3956
+ --tw-text-opacity: 1;
3957
+ color: rgb(55 65 81 / var(--tw-text-opacity, 1));
3958
+ }
3959
+ .mahati .text-gray-800 {
3960
+ --tw-text-opacity: 1;
3961
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1));
3962
+ }
3963
+ .mahati .text-gray-900 {
3964
+ --tw-text-opacity: 1;
3965
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
3966
+ }
3967
+ .mahati .text-green-600 {
3968
+ --tw-text-opacity: 1;
3969
+ color: rgb(22 163 74 / var(--tw-text-opacity, 1));
3970
+ }
3971
+ .mahati .text-primary {
3972
+ color: hsl(var(--primary));
3973
+ }
3974
+ .mahati .text-primary-foreground {
3975
+ color: hsl(var(--primary-foreground));
3976
+ }
3977
+ .mahati .text-red-500 {
3978
+ --tw-text-opacity: 1;
3979
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
3980
+ }
3981
+ .mahati .text-red-600 {
3982
+ --tw-text-opacity: 1;
3983
+ color: rgb(220 38 38 / var(--tw-text-opacity, 1));
3984
+ }
3985
+ .mahati .text-secondary-foreground {
3986
+ color: hsl(var(--secondary-foreground));
3987
+ }
3988
+ .mahati .text-slate-400 {
3989
+ --tw-text-opacity: 1;
3990
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
3991
+ }
3992
+ .mahati .text-slate-50 {
3993
+ --tw-text-opacity: 1;
3994
+ color: rgb(248 250 252 / var(--tw-text-opacity, 1));
3995
+ }
3996
+ .mahati .text-slate-500 {
3997
+ --tw-text-opacity: 1;
3998
+ color: rgb(100 116 139 / var(--tw-text-opacity, 1));
3999
+ }
4000
+ .mahati .text-slate-600 {
4001
+ --tw-text-opacity: 1;
4002
+ color: rgb(71 85 105 / var(--tw-text-opacity, 1));
4003
+ }
4004
+ .mahati .text-slate-700 {
4005
+ --tw-text-opacity: 1;
4006
+ color: rgb(51 65 85 / var(--tw-text-opacity, 1));
4007
+ }
4008
+ .mahati .text-slate-800 {
4009
+ --tw-text-opacity: 1;
4010
+ color: rgb(30 41 59 / var(--tw-text-opacity, 1));
4011
+ }
4012
+ .mahati .text-slate-900 {
4013
+ --tw-text-opacity: 1;
4014
+ color: rgb(15 23 42 / var(--tw-text-opacity, 1));
4015
+ }
4016
+ .mahati .text-white {
4017
+ --tw-text-opacity: 1;
4018
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4019
+ }
4020
+ .mahati .text-white\/90 {
4021
+ color: rgb(255 255 255 / 0.9);
4022
+ }
4023
+ .mahati .underline {
4024
+ text-decoration-line: underline;
4025
+ }
4026
+ .mahati .underline-offset-4 {
4027
+ text-underline-offset: 4px;
4028
+ }
4029
+ .mahati .placeholder-gray-500::-moz-placeholder {
4030
+ --tw-placeholder-opacity: 1;
4031
+ color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
4032
+ }
4033
+ .mahati .placeholder-gray-500::placeholder {
4034
+ --tw-placeholder-opacity: 1;
4035
+ color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
4036
+ }
4037
+ .mahati .opacity-0 {
4038
+ opacity: 0;
4039
+ }
4040
+ .mahati .opacity-100 {
4041
+ opacity: 1;
4042
+ }
4043
+ .mahati .opacity-40 {
4044
+ opacity: 0.4;
4045
+ }
4046
+ .mahati .opacity-50 {
4047
+ opacity: 0.5;
4048
+ }
4049
+ .mahati .shadow {
4050
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
4051
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4052
+ box-shadow:
4053
+ var(--tw-ring-offset-shadow, 0 0 #0000),
4054
+ var(--tw-ring-shadow, 0 0 #0000),
4055
+ var(--tw-shadow);
4056
+ }
4057
+ .mahati .shadow-2xl {
4058
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
4059
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
4060
+ box-shadow:
4061
+ var(--tw-ring-offset-shadow, 0 0 #0000),
4062
+ var(--tw-ring-shadow, 0 0 #0000),
4063
+ var(--tw-shadow);
4064
+ }
4065
+ .mahati .shadow-\[0_4px_12px_0_rgba\(0\,0\,0\,0\.08\)\] {
4066
+ --tw-shadow: 0 4px 12px 0 rgba(0,0,0,0.08);
4067
+ --tw-shadow-colored: 0 4px 12px 0 var(--tw-shadow-color);
4068
+ box-shadow:
4069
+ var(--tw-ring-offset-shadow, 0 0 #0000),
4070
+ var(--tw-ring-shadow, 0 0 #0000),
4071
+ var(--tw-shadow);
4072
+ }
4073
+ .mahati .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
4074
+ --tw-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
4075
+ --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color);
4076
+ box-shadow:
4077
+ var(--tw-ring-offset-shadow, 0 0 #0000),
4078
+ var(--tw-ring-shadow, 0 0 #0000),
4079
+ var(--tw-shadow);
4080
+ }
4081
+ .mahati .shadow-lg {
4082
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
4083
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
4084
+ box-shadow:
4085
+ var(--tw-ring-offset-shadow, 0 0 #0000),
4086
+ var(--tw-ring-shadow, 0 0 #0000),
4087
+ var(--tw-shadow);
4088
+ }
4089
+ .mahati .shadow-md {
4090
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
4091
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
4092
+ box-shadow:
4093
+ var(--tw-ring-offset-shadow, 0 0 #0000),
4094
+ var(--tw-ring-shadow, 0 0 #0000),
4095
+ var(--tw-shadow);
4096
+ }
4097
+ .mahati .shadow-sm {
4098
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
4099
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4100
+ box-shadow:
4101
+ var(--tw-ring-offset-shadow, 0 0 #0000),
4102
+ var(--tw-ring-shadow, 0 0 #0000),
4103
+ var(--tw-shadow);
4104
+ }
4105
+ .mahati .shadow-xl {
4106
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
4107
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
4108
+ box-shadow:
4109
+ var(--tw-ring-offset-shadow, 0 0 #0000),
4110
+ var(--tw-ring-shadow, 0 0 #0000),
4111
+ var(--tw-shadow);
4112
+ }
4113
+ .mahati .outline-none {
4114
+ outline: 2px solid transparent;
4115
+ outline-offset: 2px;
4116
+ }
4117
+ .mahati .outline {
4118
+ outline-style: solid;
4119
+ }
4120
+ .mahati .ring {
4121
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4122
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4123
+ box-shadow:
4124
+ var(--tw-ring-offset-shadow),
4125
+ var(--tw-ring-shadow),
4126
+ var(--tw-shadow, 0 0 #0000);
4127
+ }
4128
+ .mahati .ring-1 {
4129
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4130
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4131
+ box-shadow:
4132
+ var(--tw-ring-offset-shadow),
4133
+ var(--tw-ring-shadow),
4134
+ var(--tw-shadow, 0 0 #0000);
4135
+ }
4136
+ .mahati .ring-2 {
4137
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4138
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4139
+ box-shadow:
4140
+ var(--tw-ring-offset-shadow),
4141
+ var(--tw-ring-shadow),
4142
+ var(--tw-shadow, 0 0 #0000);
4143
+ }
4144
+ .mahati .ring-\[\#1761A3\]\/60 {
4145
+ --tw-ring-color: rgb(23 97 163 / 0.6);
4146
+ }
4147
+ .mahati .ring-\[\#1761a3\] {
4148
+ --tw-ring-opacity: 1;
4149
+ --tw-ring-color: rgb(23 97 163 / var(--tw-ring-opacity, 1));
4150
+ }
4151
+ .mahati .ring-blue-500 {
4152
+ --tw-ring-opacity: 1;
4153
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
4154
+ }
4155
+ .mahati .ring-transparent {
4156
+ --tw-ring-color: transparent;
4157
+ }
4158
+ .mahati .ring-offset-background {
4159
+ --tw-ring-offset-color: hsl(var(--background));
4160
+ }
4161
+ .mahati .filter {
4162
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
4163
+ }
4164
+ .mahati .backdrop-blur-lg {
4165
+ --tw-backdrop-blur: blur(16px);
4166
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
4167
+ }
4168
+ .mahati .backdrop-blur-md {
4169
+ --tw-backdrop-blur: blur(12px);
4170
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
4171
+ }
4172
+ .mahati .backdrop-blur-xl {
4173
+ --tw-backdrop-blur: blur(24px);
4174
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
4175
+ }
4176
+ .mahati .transition {
4177
+ transition-property:
4178
+ color,
4179
+ background-color,
4180
+ border-color,
4181
+ text-decoration-color,
4182
+ fill,
4183
+ stroke,
4184
+ opacity,
4185
+ box-shadow,
4186
+ transform,
4187
+ filter,
4188
+ backdrop-filter;
4189
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4190
+ transition-duration: 150ms;
4191
+ }
4192
+ .mahati .transition-all {
4193
+ transition-property: all;
4194
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4195
+ transition-duration: 150ms;
4196
+ }
4197
+ .mahati .transition-colors {
4198
+ transition-property:
4199
+ color,
4200
+ background-color,
4201
+ border-color,
4202
+ text-decoration-color,
4203
+ fill,
4204
+ stroke;
4205
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4206
+ transition-duration: 150ms;
4207
+ }
4208
+ .mahati .transition-opacity {
4209
+ transition-property: opacity;
4210
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4211
+ transition-duration: 150ms;
4212
+ }
4213
+ .mahati .transition-transform {
4214
+ transition-property: transform;
4215
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4216
+ transition-duration: 150ms;
4217
+ }
4218
+ .mahati .duration-150 {
4219
+ transition-duration: 150ms;
4220
+ }
4221
+ .mahati .duration-200 {
4222
+ transition-duration: 200ms;
4223
+ }
4224
+ .mahati .duration-300 {
4225
+ transition-duration: 300ms;
4226
+ }
4227
+ .mahati .duration-500 {
4228
+ transition-duration: 500ms;
4229
+ }
4230
+ .mahati .duration-700 {
4231
+ transition-duration: 700ms;
4232
+ }
4233
+ .mahati .ease-in-out {
4234
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4235
+ }
4236
+ .mahati .ease-out {
4237
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
4238
+ }
4239
+ @keyframes enter {
4240
+ from {
4241
+ opacity: var(--tw-enter-opacity, 1);
4242
+ transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
4243
+ }
4244
+ }
4245
+ @keyframes exit {
4246
+ to {
4247
+ opacity: var(--tw-exit-opacity, 1);
4248
+ transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
4249
+ }
4250
+ }
4251
+ .mahati .duration-150 {
4252
+ animation-duration: 150ms;
4253
+ }
4254
+ .mahati .duration-200 {
4255
+ animation-duration: 200ms;
4256
+ }
4257
+ .mahati .duration-300 {
4258
+ animation-duration: 300ms;
4259
+ }
4260
+ .mahati .duration-500 {
4261
+ animation-duration: 500ms;
4262
+ }
4263
+ .mahati .duration-700 {
4264
+ animation-duration: 700ms;
4265
+ }
4266
+ .mahati .ease-in-out {
4267
+ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4268
+ }
4269
+ .mahati .ease-out {
4270
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
4271
+ }
4272
+ .mahati .\[backface-visibility\:hidden\] {
4273
+ backface-visibility: hidden;
4274
+ }
4275
+ .mahati .\[background\:linear-gradient\(180deg\,rgba\(23\,97\,163\,0\.07\)_0\%\,rgba\(77\,175\,131\,0\.07\)_100\%\)\] {
4276
+ background:
4277
+ linear-gradient(
4278
+ 180deg,
4279
+ rgba(23, 97, 163, 0.07) 0%,
4280
+ rgba(77, 175, 131, 0.07) 100%);
4281
+ }
4282
+ .mahati .\[background\:linear-gradient\(90deg\,\#1761A3_0\%\,\#4DAF83_100\%\)\] {
4283
+ background:
4284
+ linear-gradient(
4285
+ 90deg,
4286
+ #1761A3 0%,
4287
+ #4DAF83 100%);
4288
+ }
4289
+ .mahati .\[background\:linear-gradient\(90deg\,rgba\(23\,97\,163\,0\.07\)_0\%\,rgba\(77\,175\,131\,0\.07\)_100\%\)\] {
4290
+ background:
4291
+ linear-gradient(
4292
+ 90deg,
4293
+ rgba(23, 97, 163, 0.07) 0%,
4294
+ rgba(77, 175, 131, 0.07) 100%);
4295
+ }
4296
+ .mahati .\[transform-style\:preserve-3d\] {
4297
+ transform-style: preserve-3d;
4298
+ }
4299
+ .mahati .\[transform\:rotateY\(180deg\)\] {
4300
+ transform: rotateY(180deg);
4301
+ }
4302
+ .mahati .first\:rounded-t-xl:first-child {
4303
+ border-top-left-radius: 0.75rem;
4304
+ border-top-right-radius: 0.75rem;
4305
+ }
4306
+ .mahati .first\:rounded-tl-xl:first-child {
4307
+ border-top-left-radius: 0.75rem;
4308
+ }
4309
+ .mahati .last\:rounded-b-xl:last-child {
4310
+ border-bottom-right-radius: 0.75rem;
4311
+ border-bottom-left-radius: 0.75rem;
4312
+ }
4313
+ .mahati .last\:rounded-tr-xl:last-child {
4314
+ border-top-right-radius: 0.75rem;
4315
+ }
4316
+ .mahati .even\:bg-slate-50:nth-child(even) {
4317
+ --tw-bg-opacity: 1;
4318
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
4319
+ }
4320
+ .mahati .hover\:border-b-2:hover {
4321
+ border-bottom-width: 2px;
4322
+ }
4323
+ .mahati .hover\:border-gray-300:hover {
4324
+ --tw-border-opacity: 1;
4325
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
4326
+ }
4327
+ .mahati .hover\:border-slate-300:hover {
4328
+ --tw-border-opacity: 1;
4329
+ border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
4330
+ }
4331
+ .mahati .hover\:border-slate-500:hover {
4332
+ --tw-border-opacity: 1;
4333
+ border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
4334
+ }
4335
+ .mahati .hover\:\!bg-transparent:hover {
4336
+ background-color: transparent !important;
4337
+ }
4338
+ .mahati .hover\:bg-\[\#134a7a\]:hover {
4339
+ --tw-bg-opacity: 1;
4340
+ background-color: rgb(19 74 122 / var(--tw-bg-opacity, 1));
4341
+ }
4342
+ .mahati .hover\:bg-\[\#1761A3\]\/10:hover {
4343
+ background-color: rgb(23 97 163 / 0.1);
4344
+ }
4345
+ .mahati .hover\:bg-\[\#1761A3\]\/50:hover {
4346
+ background-color: rgb(23 97 163 / 0.5);
4347
+ }
4348
+ .mahati .hover\:bg-\[\#1761a3\]:hover {
4349
+ --tw-bg-opacity: 1;
4350
+ background-color: rgb(23 97 163 / var(--tw-bg-opacity, 1));
4351
+ }
4352
+ .mahati .hover\:bg-\[\#d3e4fb\]:hover {
4353
+ --tw-bg-opacity: 1;
4354
+ background-color: rgb(211 228 251 / var(--tw-bg-opacity, 1));
4355
+ }
4356
+ .mahati .hover\:bg-\[\#e1e8f0\]:hover {
4357
+ --tw-bg-opacity: 1;
4358
+ background-color: rgb(225 232 240 / var(--tw-bg-opacity, 1));
4359
+ }
4360
+ .mahati .hover\:bg-\[rgba\(23\,97\,163\,0\.1\)\]:hover {
4361
+ background-color: rgba(23, 97, 163, 0.1);
4362
+ }
4363
+ .mahati .hover\:bg-\[rgba\(255\,255\,255\,0\.22\)\]:hover {
4364
+ background-color: rgba(255, 255, 255, 0.22);
4365
+ }
4366
+ .mahati .hover\:bg-\[rgba\(31\,41\,55\,1\)\]:hover {
4367
+ background-color: rgba(31, 41, 55, 1);
4368
+ }
4369
+ .mahati .hover\:bg-accent:hover {
4370
+ background-color: hsl(var(--accent));
4371
+ }
4372
+ .mahati .hover\:bg-blue-100:hover {
4373
+ --tw-bg-opacity: 1;
4374
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
4375
+ }
4376
+ .mahati .hover\:bg-blue-200:hover {
4377
+ --tw-bg-opacity: 1;
4378
+ background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
4379
+ }
4380
+ .mahati .hover\:bg-blue-50:hover {
4381
+ --tw-bg-opacity: 1;
4382
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
4383
+ }
4384
+ .mahati .hover\:bg-blue-700:hover {
4385
+ --tw-bg-opacity: 1;
4386
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
4387
+ }
4388
+ .mahati .hover\:bg-emerald-100:hover {
4389
+ --tw-bg-opacity: 1;
4390
+ background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
4391
+ }
4392
+ .mahati .hover\:bg-gray-100:hover {
4393
+ --tw-bg-opacity: 1;
4394
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
4395
+ }
4396
+ .mahati .hover\:bg-gray-200:hover {
4397
+ --tw-bg-opacity: 1;
4398
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
4399
+ }
4400
+ .mahati .hover\:bg-gray-50:hover {
4401
+ --tw-bg-opacity: 1;
4402
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
4403
+ }
4404
+ .mahati .hover\:bg-gray-700:hover {
4405
+ --tw-bg-opacity: 1;
4406
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
4407
+ }
4408
+ .mahati .hover\:bg-primary\/90:hover {
4409
+ background-color: hsl(var(--primary) / 0.9);
4410
+ }
4411
+ .mahati .hover\:bg-red-100:hover {
4412
+ --tw-bg-opacity: 1;
4413
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
4414
+ }
4415
+ .mahati .hover\:bg-red-700:hover {
4416
+ --tw-bg-opacity: 1;
4417
+ background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
4418
+ }
4419
+ .mahati .hover\:bg-secondary\/80:hover {
4420
+ background-color: hsl(var(--secondary) / 0.8);
4421
+ }
4422
+ .mahati .hover\:bg-slate-100:hover {
4423
+ --tw-bg-opacity: 1;
4424
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
4425
+ }
4426
+ .mahati .hover\:bg-slate-200:hover {
4427
+ --tw-bg-opacity: 1;
4428
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
4429
+ }
4430
+ .mahati .hover\:bg-slate-50:hover {
4431
+ --tw-bg-opacity: 1;
4432
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
4433
+ }
4434
+ .mahati .hover\:bg-slate-50\/60:hover {
4435
+ background-color: rgb(248 250 252 / 0.6);
4436
+ }
4437
+ .mahati .hover\:bg-teal-600:hover {
4438
+ --tw-bg-opacity: 1;
4439
+ background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
4440
+ }
4441
+ .mahati .hover\:bg-white:hover {
4442
+ --tw-bg-opacity: 1;
4443
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4444
+ }
4445
+ .mahati .hover\:bg-white\/10:hover {
4446
+ background-color: rgb(255 255 255 / 0.1);
4447
+ }
4448
+ .mahati .hover\:bg-white\/30:hover {
4449
+ background-color: rgb(255 255 255 / 0.3);
4450
+ }
4451
+ .mahati .hover\:bg-gradient-to-b:hover {
4452
+ background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
4453
+ }
4454
+ .mahati .hover\:bg-gradient-to-r:hover {
4455
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
4456
+ }
4457
+ .mahati .hover\:from-\[\#1761A3\]:hover {
4458
+ --tw-gradient-from: #1761A3 var(--tw-gradient-from-position);
4459
+ --tw-gradient-to: rgb(23 97 163 / 0) var(--tw-gradient-to-position);
4460
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
4461
+ }
4462
+ .mahati .hover\:from-\[rgba\(23\,97\,163\,0\.4\)\]:hover {
4463
+ --tw-gradient-from: rgba(23,97,163,0.4) var(--tw-gradient-from-position);
4464
+ --tw-gradient-to: rgba(23, 97, 163, 0) var(--tw-gradient-to-position);
4465
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
4466
+ }
4467
+ .mahati .hover\:to-\[\#4DAF83\]:hover {
4468
+ --tw-gradient-to: #4DAF83 var(--tw-gradient-to-position);
4469
+ }
4470
+ .mahati .hover\:to-\[rgba\(77\,175\,131\,0\.4\)\]:hover {
4471
+ --tw-gradient-to: rgba(77,175,131,0.4) var(--tw-gradient-to-position);
4472
+ }
4473
+ .mahati .hover\:text-\[\#1761A3\]:hover {
4474
+ --tw-text-opacity: 1;
4475
+ color: rgb(23 97 163 / var(--tw-text-opacity, 1));
4476
+ }
4477
+ .mahati .hover\:text-\[\#63b3ed\]:hover {
4478
+ --tw-text-opacity: 1;
4479
+ color: rgb(99 179 237 / var(--tw-text-opacity, 1));
4480
+ }
4481
+ .mahati .hover\:text-accent-foreground:hover {
4482
+ color: hsl(var(--accent-foreground));
4483
+ }
4484
+ .mahati .hover\:text-gray-600:hover {
4485
+ --tw-text-opacity: 1;
4486
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
4487
+ }
4488
+ .mahati .hover\:text-gray-800:hover {
4489
+ --tw-text-opacity: 1;
4490
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1));
4491
+ }
4492
+ .mahati .hover\:text-slate-700:hover {
4493
+ --tw-text-opacity: 1;
4494
+ color: rgb(51 65 85 / var(--tw-text-opacity, 1));
4495
+ }
4496
+ .mahati .hover\:text-slate-900:hover {
4497
+ --tw-text-opacity: 1;
4498
+ color: rgb(15 23 42 / var(--tw-text-opacity, 1));
4499
+ }
4500
+ .mahati .hover\:text-white:hover {
4501
+ --tw-text-opacity: 1;
4502
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4503
+ }
4504
+ .mahati .hover\:underline:hover {
4505
+ text-decoration-line: underline;
4506
+ }
4507
+ .mahati .hover\:opacity-60:hover {
4508
+ opacity: 0.6;
4509
+ }
4510
+ .mahati .hover\:opacity-70:hover {
4511
+ opacity: 0.7;
4512
+ }
4513
+ .mahati .hover\:opacity-75:hover {
4514
+ opacity: 0.75;
4515
+ }
4516
+ .mahati .hover\:opacity-80:hover {
4517
+ opacity: 0.8;
4518
+ }
4519
+ .mahati .hover\:opacity-85:hover {
4520
+ opacity: 0.85;
4521
+ }
4522
+ .mahati .hover\:opacity-90:hover {
4523
+ opacity: 0.9;
4524
+ }
4525
+ .mahati .hover\:opacity-95:hover {
4526
+ opacity: 0.95;
4527
+ }
4528
+ .mahati .hover\:shadow-lg:hover {
4529
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
4530
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
4531
+ box-shadow:
4532
+ var(--tw-ring-offset-shadow, 0 0 #0000),
4533
+ var(--tw-ring-shadow, 0 0 #0000),
4534
+ var(--tw-shadow);
4535
+ }
4536
+ .mahati .focus\:border-blue-500:focus {
4537
+ --tw-border-opacity: 1;
4538
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
4539
+ }
4540
+ .mahati .focus\:border-transparent:focus {
4541
+ border-color: transparent;
4542
+ }
4543
+ .mahati .focus\:outline-none:focus {
4544
+ outline: 2px solid transparent;
4545
+ outline-offset: 2px;
4546
+ }
4547
+ .mahati .focus\:ring-2:focus {
4548
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4549
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4550
+ box-shadow:
4551
+ var(--tw-ring-offset-shadow),
4552
+ var(--tw-ring-shadow),
4553
+ var(--tw-shadow, 0 0 #0000);
4554
+ }
4555
+ .mahati .focus\:ring-\[\#1761A3\]:focus {
4556
+ --tw-ring-opacity: 1;
4557
+ --tw-ring-color: rgb(23 97 163 / var(--tw-ring-opacity, 1));
4558
+ }
4559
+ .mahati .focus\:ring-\[\#1761a3\]:focus {
4560
+ --tw-ring-opacity: 1;
4561
+ --tw-ring-color: rgb(23 97 163 / var(--tw-ring-opacity, 1));
4562
+ }
4563
+ .mahati .focus\:ring-blue-200:focus {
4564
+ --tw-ring-opacity: 1;
4565
+ --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
4566
+ }
4567
+ .mahati .focus\:ring-blue-500:focus {
4568
+ --tw-ring-opacity: 1;
4569
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
4570
+ }
4571
+ .mahati .focus\:ring-emerald-400:focus {
4572
+ --tw-ring-opacity: 1;
4573
+ --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
4574
+ }
4575
+ .mahati .focus\:ring-teal-500:focus {
4576
+ --tw-ring-opacity: 1;
4577
+ --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1));
4578
+ }
4579
+ .mahati .focus\:ring-offset-2:focus {
4580
+ --tw-ring-offset-width: 2px;
4581
+ }
4582
+ .mahati .focus-visible\:outline-none:focus-visible {
4583
+ outline: 2px solid transparent;
4584
+ outline-offset: 2px;
4585
+ }
4586
+ .mahati .focus-visible\:ring-2:focus-visible {
4587
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4588
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4589
+ box-shadow:
4590
+ var(--tw-ring-offset-shadow),
4591
+ var(--tw-ring-shadow),
4592
+ var(--tw-shadow, 0 0 #0000);
4593
+ }
4594
+ .mahati .focus-visible\:ring-ring:focus-visible {
4595
+ --tw-ring-color: hsl(var(--ring));
4596
+ }
4597
+ .mahati .focus-visible\:ring-white\/70:focus-visible {
4598
+ --tw-ring-color: rgb(255 255 255 / 0.7);
4599
+ }
4600
+ .mahati .focus-visible\:ring-offset-2:focus-visible {
4601
+ --tw-ring-offset-width: 2px;
4602
+ }
4603
+ .mahati .focus-visible\:ring-offset-transparent:focus-visible {
4604
+ --tw-ring-offset-color: transparent;
4605
+ }
4606
+ .mahati .active\:\!bg-transparent:active {
4607
+ background-color: transparent !important;
4608
+ }
4609
+ .mahati .active\:bg-white\/15:active {
4610
+ background-color: rgb(255 255 255 / 0.15);
4611
+ }
4612
+ .mahati .active\:opacity-50:active {
4613
+ opacity: 0.5;
4614
+ }
4615
+ .mahati .active\:opacity-60:active {
4616
+ opacity: 0.6;
4617
+ }
4618
+ .mahati .active\:opacity-65:active {
4619
+ opacity: 0.65;
4620
+ }
4621
+ .mahati .active\:opacity-70:active {
4622
+ opacity: 0.7;
4623
+ }
4624
+ .mahati .active\:opacity-75:active {
4625
+ opacity: 0.75;
4626
+ }
4627
+ .mahati .active\:opacity-80:active {
4628
+ opacity: 0.8;
4629
+ }
4630
+ .mahati .active\:opacity-90:active {
4631
+ opacity: 0.9;
4632
+ }
4633
+ .mahati .disabled\:pointer-events-none:disabled {
4634
+ pointer-events: none;
4635
+ }
4636
+ .mahati .disabled\:cursor-not-allowed:disabled {
4637
+ cursor: not-allowed;
4638
+ }
4639
+ .mahati .disabled\:opacity-50:disabled {
4640
+ opacity: 0.5;
4641
+ }
4642
+ @media (max-width: 600px) {
4643
+ .mahati .max-\[600px\]\:flex-col {
4644
+ flex-direction: column;
4645
+ }
4646
+ .mahati .max-\[600px\]\:items-center {
4647
+ align-items: center;
4648
+ }
4649
+ }
4650
+ @media (min-width: 640px) {
4651
+ .mahati .sm\:h-\[60px\] {
4652
+ height: 60px;
4653
+ }
4654
+ .mahati .sm\:w-48 {
4655
+ width: 12rem;
4656
+ }
4657
+ .mahati .sm\:max-w-\[684px\] {
4658
+ max-width: 684px;
4659
+ }
4660
+ .mahati .sm\:flex-row {
4661
+ flex-direction: row;
4662
+ }
4663
+ .mahati .sm\:items-center {
4664
+ align-items: center;
4665
+ }
4666
+ .mahati .sm\:px-6 {
4667
+ padding-left: 1.5rem;
4668
+ padding-right: 1.5rem;
4669
+ }
4670
+ }
4671
+ @media (min-width: 768px) {
4672
+ .mahati .md\:left-\[289px\] {
4673
+ left: 289px;
4674
+ }
4675
+ .mahati .md\:right-\[140px\] {
4676
+ right: 140px;
4677
+ }
4678
+ .mahati .md\:right-\[22px\] {
4679
+ right: 22px;
4680
+ }
4681
+ .mahati .md\:right-\[94px\] {
4682
+ right: 94px;
4683
+ }
4684
+ .mahati .md\:w-\[325px\] {
4685
+ width: 325px;
4686
+ }
4687
+ .mahati .md\:grid-cols-\[1fr_minmax\(180px\,220px\)\] {
4688
+ grid-template-columns: 1fr minmax(180px, 220px);
4689
+ }
4690
+ .mahati .md\:grid-cols-\[minmax\(180px\,220px\)_1fr\] {
4691
+ grid-template-columns: minmax(180px, 220px) 1fr;
4692
+ }
4693
+ .mahati .md\:border-b-0 {
4694
+ border-bottom-width: 0px;
4695
+ }
4696
+ .mahati .md\:border-l {
4697
+ border-left-width: 1px;
4698
+ }
4699
+ .mahati .md\:border-r {
4700
+ border-right-width: 1px;
4701
+ }
4702
+ .mahati .md\:border-t-0 {
4703
+ border-top-width: 0px;
4704
+ }
4705
+ .mahati .md\:pb-0 {
4706
+ padding-bottom: 0px;
4707
+ }
4708
+ .mahati .md\:pl-4 {
4709
+ padding-left: 1rem;
4710
+ }
4711
+ .mahati .md\:pr-4 {
4712
+ padding-right: 1rem;
4713
+ }
4714
+ .mahati .md\:pt-0 {
4715
+ padding-top: 0px;
4716
+ }
4717
+ }
4718
+ @media (min-width: 1024px) {
4719
+ .mahati .lg\:col-span-2 {
4720
+ grid-column: span 2 / span 2;
4721
+ }
4722
+ .mahati .lg\:grid-cols-2 {
4723
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4724
+ }
4725
+ .mahati .lg\:grid-cols-3 {
4726
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4727
+ }
4728
+ }
4729
+ .mahati .\[\&\>svg\]\:h-\[18px\] > svg {
4730
+ height: 18px;
4731
+ }
4732
+ .mahati .\[\&\>svg\]\:w-\[18px\] > svg {
4733
+ width: 18px;
4734
+ }
4735
+ .mahati .\[\&\>svg\]\:shrink-0 > svg {
4736
+ flex-shrink: 0;
4737
+ }
4738
+ /*# sourceMappingURL=index.css.map */