appscms-tools-theme 4.0.7 → 4.0.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (106) hide show
  1. checksums.yaml +4 -4
  2. data/_data/about/en/about.json +16 -16
  3. data/_data/blog/nav.json +13 -13
  4. data/_data/blog/relatedblogs.json +6932 -6932
  5. data/_data/download/en/download.json +73 -73
  6. data/_data/feature/en/3_shop_posters.json +361 -361
  7. data/_data/feature/en/allele-frequency.json +321 -321
  8. data/_data/feature/en/batch-conversion.json +153 -153
  9. data/_data/feature/en/compress-pdf.json +308 -308
  10. data/_data/feature/en/devtools.json +299 -299
  11. data/_data/feature/en/face-detection.json +123 -123
  12. data/_data/feature/en/split-pdf.json +176 -176
  13. data/_data/feature/en/theframe.json +126 -126
  14. data/_data/feature/hi/compress-pdf.json +162 -162
  15. data/_data/feature/tr/compress-pdf.json +161 -161
  16. data/_data/footer/en/data.json +167 -167
  17. data/_data/header/en/data.json +174 -174
  18. data/_data/home/en/en.json +381 -381
  19. data/_data/home/en/photoeffects.json +97 -97
  20. data/_data/home/en/posters.json +322 -322
  21. data/_data/home-1/en/en.json +308 -308
  22. data/_includes/appscms/customblog/pageRelatedPosts.html +84 -84
  23. data/_includes/appscms/customblog/recentposts.html +67 -67
  24. data/_includes/appscms/customblog/relatedBlogs.html +83 -83
  25. data/_includes/appscms/customblog/relatedposts.html +196 -196
  26. data/_includes/appscms/extras/appscms-postbox.html +65 -65
  27. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +97 -97
  28. data/_includes/appscms/head/bloghead.html +238 -238
  29. data/_includes/appscms/infographics/infographics.html +114 -109
  30. data/_includes/appscms/recent-posts/recent_posts.html +92 -92
  31. data/_includes/appscms/recent-posts/related_categories_post.html +198 -198
  32. data/_includes/author_bio.html +41 -41
  33. data/_includes/authorpagehead/index.html +47 -47
  34. data/_includes/authors/authors.html +117 -117
  35. data/_includes/batch-conversion.html +141 -141
  36. data/_includes/cssfile/links.html +54 -54
  37. data/_includes/custom-head.html +138 -138
  38. data/_includes/customCode.html +1 -1
  39. data/_includes/customScripts.html +1 -1
  40. data/_includes/customblog/pageRelatedPosts.html +87 -87
  41. data/_includes/customblog/relatedBlogs.html +86 -86
  42. data/_includes/dropdown/langdropdown.html +32 -32
  43. data/_includes/feature.html +39 -39
  44. data/_includes/featurePageAuthors/featurePageAuthors.html +97 -97
  45. data/_includes/footer/index.html +538 -538
  46. data/_includes/google-analytics.html +32 -32
  47. data/_includes/head/index.html +623 -623
  48. data/_includes/header/blogHeader.html +34 -34
  49. data/_includes/header/index.html +192 -192
  50. data/_includes/infographics/infographics.html +241 -231
  51. data/_includes/paginationBlogPage.html +70 -70
  52. data/_includes/script.html +557 -557
  53. data/_includes/share/socialshare.html +21 -21
  54. data/_includes/userTracking.html +43 -43
  55. data/_layouts/aboutUs.html +98 -98
  56. data/_layouts/allAuthors.html +131 -131
  57. data/_layouts/appscms-about.html +163 -163
  58. data/_layouts/appscms-audio.html +33 -33
  59. data/_layouts/appscms-author.html +408 -408
  60. data/_layouts/appscms-authors.html +132 -132
  61. data/_layouts/appscms-calculator.html +93 -93
  62. data/_layouts/appscms-categories.html +26 -26
  63. data/_layouts/appscms-contact.html +132 -132
  64. data/_layouts/appscms-disclaimer.html +124 -124
  65. data/_layouts/appscms-download.html +289 -289
  66. data/_layouts/appscms-feature-result.html +94 -94
  67. data/_layouts/appscms-help.html +25 -25
  68. data/_layouts/appscms-imagekit.html +113 -113
  69. data/_layouts/appscms-post.html +243 -243
  70. data/_layouts/appscms-privacy-policy.html +781 -781
  71. data/_layouts/appscms-terms-and-conditions.html +646 -646
  72. data/_layouts/appscms-video.html +33 -33
  73. data/_layouts/audio.html +33 -33
  74. data/_layouts/author.html +408 -408
  75. data/_layouts/batch.html +177 -177
  76. data/_layouts/blog.html +131 -131
  77. data/_layouts/calculator.html +99 -99
  78. data/_layouts/devtools.html +57 -57
  79. data/_layouts/feature-1.html +406 -406
  80. data/_layouts/feature.html +435 -434
  81. data/_layouts/featureResultPage.html +80 -80
  82. data/_layouts/frame.html +222 -222
  83. data/_layouts/home.html +300 -300
  84. data/_layouts/imagekit.html +303 -303
  85. data/_layouts/photo-effects-home.html +190 -190
  86. data/_layouts/post.html +233 -233
  87. data/assets/app.js +75 -75
  88. data/assets/css/appscms-blog.css +500 -500
  89. data/assets/css/appscms-home.css +5 -5
  90. data/assets/css/appscms-imagekit.css +854 -854
  91. data/assets/css/appscms-variables.css +18 -18
  92. data/assets/css/blog.css +509 -509
  93. data/assets/css/calculators.css +46 -46
  94. data/assets/css/devtools.css +105 -105
  95. data/assets/css/feature-1.css +293 -293
  96. data/assets/css/imagekit copy.css +848 -848
  97. data/assets/css/tools.css +1817 -1817
  98. data/assets/images/digipaint.svg +6 -6
  99. data/assets/images/logo.svg +2 -2
  100. data/assets/images/manthink.svg +3552 -3552
  101. data/assets/js/batch.js +256 -256
  102. data/assets/js/devtools.js +81 -81
  103. data/assets/js/sharePage.js +65 -65
  104. data/assets/js/usageTracking.js +143 -143
  105. data/assets/js/usageTrackingEvents.js +6 -6
  106. metadata +2 -2
data/assets/css/tools.css CHANGED
@@ -1,1817 +1,1817 @@
1
- * {
2
- box-sizing: border-box;
3
- }
4
-
5
- body {
6
- padding: 0;
7
- margin: 0;
8
- -webkit-font-smoothing: antialiased;
9
- box-sizing: border-box;
10
- overflow-y: scroll;
11
- background: white;
12
- font-family: Arial, sans-serif;
13
- }
14
-
15
- header {
16
- width: 100%;
17
- }
18
-
19
- a,
20
- a:hover {
21
- text-decoration: none;
22
- color: rgb(26, 25, 25);
23
- }
24
-
25
- .navbar-toggler {
26
- outline: none !important;
27
- }
28
-
29
- .navbar-toggler > .fa_bars {
30
- position: absolute;
31
- top: 20px;
32
- font-size: 22px;
33
- }
34
-
35
- .nav-header {
36
- position: sticky;
37
- top: 0;
38
- z-index: 10;
39
- background: #fff;
40
- border-bottom: 1px solid #ddd;
41
- }
42
-
43
- .nav__item {
44
- margin: 0 !important;
45
- padding: 0 15px;
46
- font-size: 15px;
47
- font-weight: 400;
48
- line-height: 18px;
49
- text-align: left;
50
- list-style: none;
51
- position: relative;
52
- }
53
-
54
- .nav__item a:hover {
55
- color: #000;
56
- text-decoration: none !important;
57
- }
58
-
59
- .navbar .dropdown-menu {
60
- position: fixed;
61
- left: 0;
62
- top: 71px;
63
- width: 100%;
64
- }
65
-
66
- .inner-dropdown {
67
- display: flex;
68
- justify-content: left;
69
- padding: 30px 100px;
70
- flex-wrap: wrap;
71
- }
72
-
73
- .catPad {
74
- padding: 0 85px;
75
- }
76
-
77
- .catPad div {
78
- font-size: 14px !important;
79
- font-weight: 500;
80
- }
81
-
82
- @media (max-width: 992px) {
83
- .appscms-sidebar-right,
84
- .appscms-sidebar-left {
85
- display: none;
86
- }
87
- .toaster {
88
- right: 25% !important;
89
- }
90
- .navbar .dropdown-menu {
91
- overflow-y: scroll;
92
- height: 500px;
93
- position: static !important;
94
- float: none;
95
- }
96
-
97
- .inner-dropdown {
98
- flex-direction: column;
99
- padding: 0px 30px;
100
- }
101
-
102
- .navbar-nav {
103
- margin: 0 !important;
104
- }
105
-
106
- .nav__item {
107
- padding: 15px 0;
108
- }
109
- }
110
- @media (max-width: 768px) {
111
- .toaster {
112
- display: none !important;
113
- }
114
-
115
- .innerWrapper {
116
- padding: 40px 51px;
117
- }
118
-
119
- .success-msg-cont button {
120
- margin: auto;
121
- width: 100% !important;
122
- justify-content: center !important;
123
- }
124
-
125
- .success-msg-cont {
126
- flex-direction: column;
127
- justify-content: center;
128
- }
129
-
130
- .language-drop-down-item {
131
- width: 100% !important;
132
- }
133
-
134
- .file-detail-table {
135
- overflow-x: scroll;
136
- }
137
-
138
- .compare-table {
139
- overflow-x: scroll;
140
- }
141
-
142
- .faq-list {
143
- width: 100% !important;
144
- }
145
-
146
- .feature-h1,
147
- .home-top-h1,
148
- .how-to-title {
149
- font-size: 16px !important;
150
- }
151
-
152
- .feature-h2,
153
- .home-top-h2,
154
- .how-to-title {
155
- font-size: 14px !important;
156
- }
157
-
158
- .social-count {
159
- right: auto !important;
160
- margin-top: 25px !important;
161
- }
162
-
163
- .rating-tool {
164
- flex-direction: column;
165
- }
166
-
167
- .how-to-leftimg {
168
- margin-bottom: 24px;
169
- }
170
- }
171
-
172
- .how-to-section,
173
- .faq-section {
174
- padding: 90px 0px;
175
- border-top: 1px solid rgb(224, 224, 224);
176
- }
177
-
178
- .related-posts-section,
179
- .usp-section,
180
- .footer {
181
- padding: 32px 0px;
182
- border-top: 1px solid rgb(224, 224, 224);
183
- }
184
-
185
- .how-to-leftimg {
186
- height: 180px;
187
- width: 300px;
188
- }
189
-
190
- .how-to-right {
191
- color: rgb(33, 33, 33);
192
- }
193
-
194
- @media (min-width: 768px) {
195
- .how-to-title {
196
- line-height: 30px;
197
- font-size: 22px;
198
- }
199
- }
200
-
201
- .how-to-list {
202
- margin: 0px;
203
- padding: 6px 0px;
204
- list-style: none;
205
- text-align: left;
206
- }
207
-
208
- .how-to-list-item {
209
- line-height: 24px;
210
- font-size: 16px;
211
- font-weight: 400;
212
- display: flex;
213
- padding: 6px 0px;
214
- }
215
-
216
- .how-to-list-item span {
217
- line-height: 24px;
218
- font-size: 16px;
219
- font-weight: 600;
220
- min-width: 24px;
221
- }
222
-
223
- .how-to-title {
224
- line-height: 30px;
225
- font-weight: 600;
226
- margin: 0px;
227
- padding-bottom: 12px;
228
- }
229
-
230
- .how-to-img-wrapper {
231
- width: 100%;
232
- height: 100%;
233
- display: flex;
234
- justify-content: center;
235
- align-items: center;
236
- }
237
-
238
- .feature-card-img {
239
- width: 48px;
240
- height: 48px;
241
- }
242
-
243
- .feature-card-title,
244
- .faq-question,
245
- .feature-card-desc,
246
- .faq-answer {
247
- line-height: 24px;
248
- font-size: 16px;
249
- font-weight: 600;
250
- color: rgb(33, 33, 33);
251
- text-align: center;
252
- margin: 0px;
253
- padding: 12px 0px;
254
- }
255
-
256
- .faq-question {
257
- text-align: left;
258
- }
259
-
260
- .feature-card-desc {
261
- font-weight: 400;
262
- }
263
-
264
- .faq-answer {
265
- font-weight: 400;
266
- text-align: left;
267
- margin: 0px;
268
- max-width: 100%;
269
- }
270
-
271
- main {
272
- display: block;
273
- }
274
-
275
- #app {
276
- display: -webkit-box;
277
- display: -webkit-flex;
278
- display: -ms-flexbox;
279
- display: flex;
280
- min-height: 100vh;
281
- }
282
-
283
- .box-border {
284
- position: absolute;
285
- inset: 12px;
286
- background: rgba(0, 0, 0, 0.1);
287
- border: 1px dashed rgba(0, 0, 0, 0.15);
288
- }
289
-
290
- .div-cont {
291
- display: flex;
292
- }
293
-
294
- .content-box {
295
- display: flex;
296
- flex: 1 1 auto;
297
- z-index: 1;
298
- }
299
-
300
- .flex-container {
301
- display: flex;
302
- -webkit-box-pack: center;
303
- justify-content: center;
304
- width: 100%;
305
- }
306
-
307
- .flex-class {
308
- -webkit-flex: 1 0 auto;
309
- -ms-flex: 1 0 auto;
310
- flex: 1 0 auto;
311
- width: 100%;
312
- }
313
-
314
- @media (min-width: 0px) and (max-width: 1199px) {
315
- .flex-class {
316
- max-width: none;
317
- }
318
- }
319
-
320
- @media (min-width: 1200px) {
321
- .flex-class {
322
- max-width: 1200px;
323
- }
324
- }
325
-
326
- @media (min-width: 0px) and (max-width: 767px) {
327
- .flex-class {
328
- padding: 0 18px;
329
- }
330
- }
331
-
332
- @media (min-width: 768px) {
333
- .flex-class {
334
- padding: 0 30px;
335
- }
336
- }
337
-
338
- .flex-class {
339
- flex: 1 0 auto;
340
- width: 100%;
341
- }
342
-
343
- .feature-h1,
344
- .home-top-h2 {
345
- line-height: 36px;
346
- font-size: 30px;
347
- font-weight: 600;
348
- color: rgb(33, 33, 33);
349
- text-align: center;
350
- margin: 0px;
351
- }
352
-
353
- .feature-h2,
354
- .home-top-h2 {
355
- font-weight: 300;
356
- color: rgb(33, 33, 33);
357
- text-align: center;
358
- margin: 0px;
359
- }
360
-
361
- @media (min-width: 768px) {
362
- .feature-h2 {
363
- line-height: 30px;
364
- font-size: 22px;
365
- }
366
- }
367
-
368
- .footer-nav-item {
369
- margin: -12px 0;
370
- padding: 0;
371
- display: -webkit-box;
372
- display: -webkit-flex;
373
- display: -ms-flexbox;
374
- display: flex;
375
- -webkit-flex-direction: column;
376
- -ms-flex-direction: column;
377
- flex-direction: column;
378
- -webkit-box-flex: 1;
379
- -webkit-flex-grow: 1;
380
- -ms-flex-positive: 1;
381
- flex-grow: 1;
382
- -webkit-flex-shrink: 1;
383
- -ms-flex-negative: 1;
384
- flex-shrink: 1;
385
- -webkit-flex-basis: 0;
386
- -ms-flex-preferred-size: 0;
387
- flex-basis: 0;
388
- }
389
-
390
- @media (min-width: 992px) {
391
- .footer-nav-item {
392
- -webkit-flex: initial;
393
- -ms-flex: initial;
394
- flex: initial;
395
- width: 160px;
396
- }
397
- }
398
-
399
- @media (min-width: 576px) and (max-width: 991px) {
400
- .footer-nav-item {
401
- padding: 0 20px;
402
- }
403
-
404
- .footer-nav-item:first-child {
405
- padding-left: 0;
406
- }
407
-
408
- .footer-nav-item:last-child {
409
- padding-right: 0;
410
- }
411
- }
412
-
413
- @media (max-width: 575px) {
414
- .footer-nav-item {
415
- -webkit-flex-basis: auto;
416
- -ms-flex-preferred-size: auto;
417
- flex-basis: auto;
418
- }
419
-
420
- .footer-nav-item:not(:first-child) {
421
- margin-top: 28px;
422
- }
423
- }
424
-
425
- .home-feature-desc {
426
- line-height: 18px;
427
- font-size: 14px;
428
- font-stretch: 400;
429
- font-weight: 400;
430
- position: absolute;
431
- padding: 12px;
432
- }
433
-
434
- @media (max-width: 767px) {
435
- .home-feature-desc {
436
- right: 0;
437
- bottom: 0;
438
- left: 48px;
439
- top: 36px;
440
- }
441
- }
442
-
443
- @media (min-width: 768px) {
444
- .home-feature-desc {
445
- left: 0;
446
- right: 0;
447
- bottom: 0;
448
- top: 84px;
449
- }
450
- }
451
-
452
- @media (min-width: 768px) {
453
- .home-top-h1 {
454
- line-height: 36px;
455
- font-size: 30px;
456
- margin-bottom: 0px !important;
457
- }
458
- }
459
-
460
- @media (min-width: 768px) {
461
- .home-top-h2 {
462
- line-height: 30px;
463
- font-size: 22px;
464
- }
465
- }
466
-
467
- html {
468
- line-height: 1.15;
469
- -webkit-text-size-adjust: 100%;
470
- }
471
-
472
- .header {
473
- min-height: 80px;
474
- }
475
-
476
- .heading {
477
- text-align: center;
478
- margin-top: 90px;
479
- }
480
-
481
- .row {
482
- text-align: center;
483
- }
484
-
485
- i {
486
- display: block;
487
- margin-bottom: 18px;
488
- }
489
-
490
- p {
491
- font-size: 15px;
492
- line-height: 1.41;
493
- color: rgb(17, 48, 78);
494
- }
495
-
496
- .how-to {
497
- margin-right: -15px;
498
- margin-left: -15px;
499
- }
500
-
501
- .how-to-text {
502
- position: relative;
503
- min-height: 1px;
504
- padding-right: 15px;
505
- padding-left: 15px;
506
- margin: auto;
507
- width: 74%;
508
- padding: 10px;
509
- }
510
-
511
- .how-to-h2 {
512
- font-size: 40px;
513
- font-weight: 800;
514
- line-height: 1.16;
515
- text-align: left;
516
- color: rgb(17, 48, 78);
517
- width: 100%;
518
- margin-top: 70px;
519
- }
520
-
521
- .steps {
522
- padding-left: 29px;
523
- }
524
-
525
- ul li span {
526
- display: inline-block;
527
- width: 20px;
528
- margin-right: 20px;
529
- }
530
-
531
- img {
532
- outline: none;
533
- border: none;
534
- max-width: 100%;
535
- height: auto;
536
- }
537
-
538
- ul li {
539
- margin: 0 0 20px;
540
- padding: 0;
541
- font-size: 17px;
542
- font-weight: 500;
543
- line-height: 1.4;
544
- text-align: left;
545
- color: #11304e;
546
- list-style: none;
547
- position: relative;
548
- }
549
-
550
- .header {
551
- padding: 20px 10px;
552
- }
553
-
554
- /* footer css start */
555
- .footer-wrapper {
556
- padding: 32px 0;
557
- display: -webkit-box;
558
- display: -webkit-flex;
559
- display: -ms-flexbox;
560
- display: flex;
561
- -webkit-flex-direction: row;
562
- -ms-flex-direction: row;
563
- flex-direction: row;
564
- border-bottom: 1px solid #e8e8e8;
565
- }
566
-
567
- @media (max-width: 991px) {
568
- .footer-wrapper {
569
- -webkit-flex-direction: column;
570
- -ms-flex-direction: column;
571
- flex-direction: column;
572
- }
573
- }
574
-
575
- .footer-logo-cont {
576
- flex: 1 1 auto;
577
- display: flex;
578
- flex-direction: column;
579
- align-items: flex-start;
580
- }
581
-
582
- .footer-title {
583
- font-stretch: 400;
584
- font-weight: 400;
585
- font-size: 18px;
586
- line-height: 28px;
587
- color: rgba(26, 26, 26, 1);
588
- padding-top: 24px;
589
- }
590
-
591
- .footer-nav {
592
- -webkit-flex: 1 1 auto;
593
- -ms-flex: 1 1 auto;
594
- flex: 1 1 auto;
595
- display: -webkit-box;
596
- display: -webkit-flex;
597
- display: -ms-flexbox;
598
- display: flex;
599
- -webkit-flex-direction: row;
600
- -ms-flex-direction: row;
601
- flex-direction: row;
602
- -webkit-box-pack: end;
603
- -webkit-justify-content: space-between;
604
- -ms-flex-pack: end;
605
- justify-content: space-between;
606
- }
607
-
608
- @media (max-width: 991px) {
609
- .footer-nav {
610
- padding-top: 32px;
611
- -webkit-box-pack: justify;
612
- -webkit-justify-content: space-between;
613
- -ms-flex-pack: justify;
614
- justify-content: space-between;
615
- }
616
- }
617
-
618
- @media (max-width: 575px) {
619
- .footer-nav {
620
- -webkit-flex-direction: column;
621
- -ms-flex-direction: column;
622
- flex-direction: column;
623
- }
624
- }
625
-
626
- .footer-ul {
627
- display: flex;
628
- flex-direction: column;
629
- padding-left: 0;
630
- }
631
-
632
- .footer-ul-title {
633
- font-stretch: 400;
634
- font-weight: 700;
635
- font-size: 16px;
636
- line-height: 24px;
637
- color: rgba(26, 26, 26, 1);
638
- padding: 12px 0;
639
- -webkit-user-select: none;
640
- -moz-user-select: none;
641
- -ms-user-select: none;
642
- user-select: none;
643
- }
644
-
645
- .footer-link {
646
- font-stretch: 400;
647
- font-weight: 400;
648
- font-size: 16px;
649
- line-height: 24px;
650
- color: rgba(26, 26, 26, 1);
651
- padding: 12px 0;
652
- -webkit-flex: 0 0 auto;
653
- -ms-flex: 0 0 auto;
654
- flex: 0 0 auto;
655
- width: 100%;
656
- }
657
-
658
- .footer-link:hover {
659
- color: rgba(117, 117, 117, 1);
660
- }
661
-
662
- .footer-msg {
663
- text-align: left;
664
- font-stretch: 400;
665
- font-weight: 400;
666
- font-size: 16px;
667
- line-height: 24px;
668
- color: rgba(26, 26, 26, 1);
669
- -webkit-flex: 1 1 auto;
670
- -ms-flex: 1 1 auto;
671
- flex: 1 1 auto;
672
- }
673
-
674
- @media (min-width: 576px) and (max-width: 991px) {
675
- .footer-msg {
676
- padding-top: 24px;
677
- }
678
- }
679
-
680
- .privacy-footer {
681
- display: -webkit-box;
682
- display: -webkit-flex;
683
- display: -ms-flexbox;
684
- display: flex;
685
- -webkit-flex-direction: row;
686
- -ms-flex-direction: row;
687
- flex-direction: row;
688
- padding: 24px 0;
689
- }
690
-
691
- @media (max-width: 991px) {
692
- .privacy-footer {
693
- -webkit-flex-direction: column-reverse;
694
- -ms-flex-direction: column-reverse;
695
- flex-direction: column-reverse;
696
- }
697
- }
698
-
699
- @media (max-width: 575px) {
700
- .privacy-footer {
701
- padding: 32px 0;
702
- }
703
- }
704
-
705
- .privacy-links {
706
- display: -webkit-box;
707
- display: -webkit-flex;
708
- display: -ms-flexbox;
709
- display: flex;
710
- -webkit-align-items: flex-start;
711
- -webkit-box-align: flex-start;
712
- -ms-flex-align: flex-start;
713
- align-items: flex-start;
714
- -webkit-flex-direction: row;
715
- -ms-flex-direction: row;
716
- flex-direction: row;
717
- }
718
-
719
- @media (max-width: 575px) {
720
- .privacy-links {
721
- -webkit-flex-direction: column-reverse;
722
- -ms-flex-direction: column-reverse;
723
- flex-direction: column-reverse;
724
- }
725
- }
726
-
727
- .privacy-links-item {
728
- font-stretch: 400;
729
- font-weight: 400;
730
- font-size: 16px;
731
- line-height: 24px;
732
- color: rgba(26, 26, 26, 1);
733
- margin: 0 20px;
734
- }
735
-
736
- .privacy-links-item:hover {
737
- color: rgba(117, 117, 117, 1);
738
- }
739
-
740
- .privacy-links-item:first-child {
741
- margin-left: 0;
742
- }
743
-
744
- .privacy-links-item:last-child {
745
- margin-right: 0;
746
- }
747
-
748
- @media (max-width: 575px) {
749
- .privacy-links-item {
750
- margin-left: 0;
751
- margin-right: 0;
752
- margin-bottom: 32px;
753
- }
754
- }
755
-
756
- /* footer css end */
757
- /*about termsand conditions help*/
758
- .contact-h1 {
759
- line-height: 30px;
760
- font-size: 22px;
761
- font-stretch: 400;
762
- font-weight: 600;
763
- color: rgba(33, 33, 33, 1);
764
- text-align: center;
765
- margin: 0;
766
- }
767
-
768
- @media (min-width: 768px) {
769
- .contact-h1 {
770
- line-height: 36px;
771
- font-size: 30px;
772
- }
773
- }
774
-
775
- .contact-h2 {
776
- line-height: 30px;
777
- font-stretch: 400;
778
- font-weight: 300;
779
- font-size: 20px;
780
- color: rgba(33, 33, 33, 1);
781
- text-align: center;
782
- margin: 0;
783
- }
784
-
785
- @media (min-width: 768px) {
786
- .contact-h2 {
787
- line-height: 30px;
788
- font-size: 22px;
789
- }
790
- }
791
-
792
- .about-h1 {
793
- line-height: 30px;
794
- font-size: 22px;
795
- font-stretch: 400;
796
- font-weight: 600;
797
- color: rgba(33, 33, 33, 1);
798
- text-align: center;
799
- margin: 0;
800
- }
801
-
802
- @media (min-width: 768px) {
803
- .about-h1 {
804
- line-height: 36px;
805
- font-size: 30px;
806
- }
807
- }
808
-
809
- .about-h2 {
810
- line-height: 30px;
811
- font-stretch: 400;
812
- font-weight: 300;
813
- font-size: 20px;
814
- color: rgba(33, 33, 33, 1);
815
- text-align: center;
816
- margin: 0;
817
- }
818
-
819
- .common-h2 {
820
- font-stretch: 400;
821
- font-size: 20px;
822
- color: rgba(33, 33, 33, 1);
823
- }
824
-
825
- @media (min-width: 768px) {
826
- .about-h2 {
827
- line-height: 30px;
828
- font-size: 22px;
829
- }
830
-
831
- .common-h2 {
832
- font-size: 22px;
833
- }
834
- }
835
-
836
- .feature-img {
837
- width: 36px;
838
- height: 36px;
839
- }
840
-
841
- .box-padding {
842
- padding: 0px 0px 24px;
843
- }
844
-
845
- .box {
846
- position: relative;
847
- display: flex;
848
- flex-direction: column;
849
- background-color: rgb(242, 48, 48);
850
- min-height: 300px;
851
- width: 100%;
852
- }
853
-
854
- .social-icons {
855
- position: fixed;
856
- right: 0;
857
- top: 35%;
858
- width: 47px;
859
- height: 174px;
860
- display: flex;
861
- flex-direction: column;
862
- align-items: center;
863
- justify-content: center;
864
- z-index: 999;
865
- border-top-left-radius: 8px;
866
- border-bottom-left-radius: 8px;
867
- background: #fff;
868
- box-shadow: 0 0 20px -7px #191a1a9e;
869
- line-height: 30px;
870
- }
871
-
872
- @media (max-width: 768px) {
873
- .how-to-video-wrapper .youtubeVideoPlayer {
874
- width: 100%;
875
- }
876
- .catPad {
877
- padding: 0;
878
- }
879
-
880
- .social-icons {
881
- left: 0;
882
- bottom: 0 !important;
883
- top: auto;
884
- font-size: 25px;
885
- width: 100%;
886
- height: 60px;
887
- display: flex;
888
- margin: 0 !important;
889
- flex-direction: row;
890
- justify-content: space-evenly;
891
- line-height: 100px;
892
- }
893
- }
894
-
895
- .social-icon {
896
- margin: 0 !important;
897
- color: gray;
898
- font-size: 1.6rem;
899
- }
900
-
901
- .social-icon:hover {
902
- color: black;
903
- }
904
-
905
- .home-features {
906
- display: -webkit-box;
907
- display: -webkit-flex;
908
- display: -ms-flexbox;
909
- display: flex;
910
- -webkit-flex-wrap: wrap;
911
- -ms-flex-wrap: wrap;
912
- flex-wrap: wrap;
913
- list-style: none;
914
- margin: 0;
915
- padding: 0 0 90px 0;
916
- }
917
-
918
- .home-feature-box {
919
- position: relative;
920
- color: white;
921
- margin: 0;
922
- transition: 0.2s linear;
923
- border: 1px solid white;
924
- }
925
-
926
- .home-feature-box:hover {
927
- transform: translateY(-17px);
928
- }
929
-
930
- @media (min-width: 0px) and (max-width: 767px) {
931
- .home-feature-box {
932
- width: 100%;
933
- height: 114px;
934
- }
935
- }
936
-
937
- @media (min-width: 768px) and (max-width: 991px) {
938
- .home-feature-box {
939
- width: 25%;
940
- height: 180px;
941
- }
942
- }
943
-
944
- @media (min-width: 992px) {
945
- .home-feature-box {
946
- width: 20%;
947
- height: 180px;
948
- }
949
- }
950
-
951
- .home-feature-name {
952
- line-height: 24px;
953
- font-size: 16px;
954
- font-stretch: 400;
955
- font-weight: 700;
956
- color: #fff;
957
- text-overflow: ellipsis;
958
- white-space: nowrap;
959
- overflow: hidden;
960
- position: absolute;
961
- top: 0;
962
- right: 0;
963
- bottom: 0;
964
- left: 0;
965
- transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
966
- }
967
-
968
- .home-feature-name:hover {
969
- box-shadow: 0px 0px 24px rgba(26, 26, 26, 0.2);
970
- z-index: 1;
971
- color: currentColor;
972
- text-decoration: none;
973
- }
974
-
975
- @media (max-width: 767px) {
976
- .home-feature-name {
977
- padding: 12px 12px 12px 60px;
978
- }
979
- }
980
-
981
- @media (min-width: 768px) {
982
- .home-feature-name {
983
- padding: 60px 12px 12px 12px;
984
- }
985
- }
986
-
987
- .home-inner-box {
988
- position: absolute;
989
- padding: 12px;
990
- }
991
-
992
- .div-cont {
993
- display: -webkit-box;
994
- display: -webkit-flex;
995
- display: -ms-flexbox;
996
- display: flex;
997
- /* overflow: hidden; */
998
- }
999
-
1000
- .div-cont > svg {
1001
- display: -webkit-box;
1002
- display: -webkit-flex;
1003
- display: -ms-flexbox;
1004
- display: flex;
1005
- -webkit-flex: 1 1 auto;
1006
- -ms-flex: 1 1 auto;
1007
- flex: 1 1 auto;
1008
- }
1009
-
1010
- .div-cont > svg > * {
1011
- fill: currentColor;
1012
- }
1013
-
1014
- .mega-menu::first-line {
1015
- color: gray !important;
1016
- font-weight: 600;
1017
- }
1018
-
1019
- .lang-dropdown {
1020
- position: fixed;
1021
- right: 30px;
1022
- top: 20px;
1023
- z-index: 999;
1024
- }
1025
-
1026
- @media (max-width: 994px) {
1027
- .lang-dropdown {
1028
- top: 75px;
1029
- z-index: 5;
1030
- right: 4px;
1031
- position: absolute;
1032
- }
1033
-
1034
- .lang-dropdown .lang-dropdown-btn {
1035
- position: absolute;
1036
- right: 0;
1037
- }
1038
-
1039
- .drop-down-wrapper {
1040
- overflow-y: unset !important;
1041
- }
1042
- }
1043
-
1044
- .drop-down-wrapper {
1045
- height: fit-content !important;
1046
- }
1047
-
1048
- .lang-dropdown-item {
1049
- width: 100%;
1050
- display: block;
1051
- text-align: center;
1052
- text-decoration: none !important;
1053
- }
1054
-
1055
- .rating-tool {
1056
- width: 100%;
1057
- display: flex;
1058
- justify-content: center;
1059
- align-items: center;
1060
- padding: 20px 0px 20px 0px;
1061
- border-top: 1px solid rgb(221, 221, 221);
1062
- }
1063
-
1064
- .rating-text {
1065
- font-size: 17px;
1066
- font-weight: 700;
1067
- color: rgb(33, 33, 33);
1068
- padding: 6px;
1069
- }
1070
-
1071
- .rating-stars {
1072
- color: #9d9d9d !important;
1073
- padding-top: 17px;
1074
- display: flex;
1075
- align-items: center;
1076
- }
1077
-
1078
- .rating-stars i {
1079
- padding: 5px;
1080
- font-size: 17px;
1081
- }
1082
-
1083
- .rating-value {
1084
- line-height: 24px;
1085
- font-size: 16px;
1086
- font-family: Arial, sans-serif;
1087
- -webkit-font-smoothing: antialiased;
1088
- font-weight: 400;
1089
- color: rgb(33, 33, 33);
1090
- padding: 6px;
1091
- }
1092
-
1093
- .related_post_heading {
1094
- width: 100%;
1095
- font-size: 46px;
1096
- text-align: center;
1097
- font-weight: 800;
1098
- font-stretch: normal;
1099
- font-style: normal;
1100
- line-height: 1.24;
1101
- letter-spacing: normal;
1102
- color: rgb(17, 48, 78);
1103
- margin-bottom: 45px;
1104
- padding-top: 75px;
1105
- display: inline-block;
1106
- }
1107
-
1108
- .card-footer {
1109
- border: none;
1110
- }
1111
-
1112
- .wrapfooter {
1113
- display: flex;
1114
- align-items: center;
1115
- margin-bottom: 15px;
1116
- }
1117
-
1118
- .wrapfooter img {
1119
- width: 35px;
1120
- height: 35px;
1121
- border-radius: 50%;
1122
- }
1123
-
1124
- .wrapfooter .author-meta {
1125
- padding: 0 15px;
1126
- }
1127
-
1128
- .wrapfooter .author-meta a {
1129
- font-size: 15px;
1130
- color: #000;
1131
- text-transform: capitalize;
1132
- }
1133
-
1134
- .wrapfooter .post-read-more {
1135
- flex: 50;
1136
- text-align: right;
1137
- }
1138
-
1139
- .post-date {
1140
- font-size: 13px;
1141
- display: block;
1142
- text-align: left;
1143
- }
1144
-
1145
- .social-count {
1146
- background: #d60000;
1147
- color: #fff;
1148
- position: absolute;
1149
- height: 16px;
1150
- width: 16px;
1151
- display: inline-flex;
1152
- align-items: center;
1153
- justify-content: center;
1154
- text-align: center;
1155
- font-size: 12px;
1156
- font-weight: 700;
1157
- right: 1px;
1158
- border-radius: 50%;
1159
- margin-top: 1px;
1160
- padding: 9px;
1161
- }
1162
-
1163
- .file-detail-table th,
1164
- .file-detail-table td {
1165
- border: none !important;
1166
- }
1167
-
1168
- .softwares-section img {
1169
- height: 32px !important;
1170
- width: 32px !important;
1171
- }
1172
-
1173
- .software-name {
1174
- color: #1565c0 !important;
1175
- font-size: 1.1rem;
1176
- margin-top: -4px;
1177
- margin-left: 4px;
1178
- }
1179
-
1180
- .software-value {
1181
- font-size: 0.7rem;
1182
- margin-left: 4px;
1183
- color: #6d6d6d;
1184
- margin-top: -3px;
1185
- }
1186
-
1187
- #rating-img {
1188
- height: 1px;
1189
- width: 1px;
1190
- filter: brightness();
1191
- filter: brightness(100);
1192
- }
1193
-
1194
- .download-section {
1195
- box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px inset;
1196
- margin-top: 5px;
1197
- }
1198
-
1199
- .download-btn-container {
1200
- border-bottom: 1px solid rgb(238, 238, 238);
1201
- border-left: 1px solid rgb(238, 238, 238);
1202
- padding: 24px 24px 40px;
1203
- }
1204
-
1205
- .success-greeting {
1206
- display: flex;
1207
- justify-content: center;
1208
- align-items: center;
1209
- margin-right: 15px;
1210
- width: 100%;
1211
- }
1212
-
1213
- .success-greeting p {
1214
- margin-bottom: 0px;
1215
- padding: 0;
1216
- }
1217
-
1218
- .success-msg-cont {
1219
- padding: 24px 30px;
1220
- display: flex;
1221
- justify-content: space-between;
1222
- flex-direction: column;
1223
- }
1224
-
1225
- .success-msg {
1226
- color: rgb(26, 26, 26);
1227
- font-size: 20px;
1228
- font-weight: 600;
1229
- padding: 24px 0px;
1230
- }
1231
-
1232
- .success-msg-cont button {
1233
- border: none;
1234
- width: 400px;
1235
- background: transparent;
1236
- cursor: pointer;
1237
- font-size: 17px;
1238
- margin-right: 4px;
1239
- display: flex;
1240
- align-items: center;
1241
- justify-content: flex-end;
1242
- margin-left: auto;
1243
- padding-top: 5px;
1244
- }
1245
-
1246
- .success-msg-cont button i {
1247
- margin-right: 4px;
1248
- padding-top: 1px;
1249
- margin-bottom: 0;
1250
- color: #11304e;
1251
- }
1252
-
1253
- .sites-config {
1254
- padding: 0px 24px;
1255
- border-top: 1px solid rgb(238, 238, 238);
1256
- }
1257
-
1258
- .social-share-section {
1259
- padding: 0px 24px;
1260
- border-top: 1px solid rgb(238, 238, 238);
1261
- }
1262
-
1263
- .try-more-features {
1264
- padding: 0px 24px;
1265
- border-bottom: 1px solid rgb(238, 238, 238);
1266
- }
1267
-
1268
- .sites-config {
1269
- padding: 24px 0px;
1270
- }
1271
-
1272
- .social-share-section {
1273
- padding: 24px 0px;
1274
- }
1275
-
1276
- #filename {
1277
- font-size: 22px;
1278
- font-weight: 700;
1279
- }
1280
-
1281
- .download-social-share a i {
1282
- font-size: 1.5rem;
1283
- padding: 0px 10px;
1284
- margin: 0px 30px;
1285
- }
1286
-
1287
- .share-heading {
1288
- font-size: 17px;
1289
- font-weight: 700;
1290
- color: rgb(33, 33, 33);
1291
- padding: 6px;
1292
- }
1293
-
1294
- .sites-config img {
1295
- height: 27px;
1296
- }
1297
-
1298
- .social-share-section,
1299
- .try-more-features {
1300
- padding: 0px 24px;
1301
- border-top: 1px solid rgb(238, 238, 238);
1302
- }
1303
-
1304
- .download-social-share {
1305
- padding: 24px 0px;
1306
- border-top: 1px solid rgb(238, 238, 238);
1307
- }
1308
-
1309
- .sites-config {
1310
- padding: 24px 0px;
1311
- }
1312
-
1313
- .social-share-section {
1314
- padding: 24px 0px;
1315
- }
1316
-
1317
- #filename {
1318
- font-size: 22px;
1319
- font-weight: 700;
1320
- }
1321
-
1322
- .sites-config a {
1323
- text-decoration: none;
1324
- }
1325
-
1326
- .feature-showcase-div {
1327
- margin: 0px;
1328
- padding: 0px;
1329
- overflow: visible;
1330
- text-decoration: inherit;
1331
- display: flex;
1332
- position: relative;
1333
- border: 1px solid rgb(232, 232, 232);
1334
- border-radius: 4px;
1335
- width: 100%;
1336
- cursor: pointer;
1337
- font-weight: 700;
1338
- font-size: 16px;
1339
- line-height: 24px;
1340
- color: rgb(26, 26, 26);
1341
- user-select: none;
1342
- outline: none;
1343
- -webkit-box-align: center;
1344
- align-items: center;
1345
- height: 66px;
1346
- background: rgb(250, 250, 250);
1347
- }
1348
-
1349
- .feature-showcase-div:hover {
1350
- background-color: #fff;
1351
- }
1352
-
1353
- .feature-showcase-div img {
1354
- width: 32px;
1355
- height: 32px;
1356
- }
1357
-
1358
- .feature-showcase-div a {
1359
- text-decoration: none;
1360
- }
1361
-
1362
- .feature-showcase-div i {
1363
- font-size: 11px;
1364
- }
1365
-
1366
- .website-img {
1367
- height: 38px;
1368
- }
1369
-
1370
- .website-wrap {
1371
- text-align: left;
1372
- }
1373
-
1374
- .file-info-h1 {
1375
- font-family: Helvetica, sans-serif;
1376
- font-weight: 600;
1377
- font-size: 1.8rem;
1378
- margin: 0;
1379
- margin-bottom: 8px;
1380
- }
1381
-
1382
- .file-info-h2 {
1383
- font-family: Helvetica, sans-serif;
1384
- font-weight: 600;
1385
- font-size: 19px;
1386
- color: #848d95;
1387
- margin-bottom: 10px;
1388
- }
1389
-
1390
- .file-info-item-list {
1391
- list-style: disc;
1392
- color: rgb(26, 25, 25);
1393
- font-family: Helvetica;
1394
- font-size: 17.4px;
1395
- line-height: 32px;
1396
- padding: 0;
1397
- }
1398
-
1399
- .file-info-img {
1400
- height: 500px;
1401
- width: 100%;
1402
- }
1403
-
1404
- .info-title {
1405
- font-weight: 600;
1406
- }
1407
-
1408
- .sticky-div-file-info {
1409
- position: sticky;
1410
- top: 0%;
1411
- }
1412
-
1413
- ol li::marker {
1414
- font-size: 25px;
1415
- }
1416
-
1417
- .drop-down-btn {
1418
- cursor: pointer;
1419
- outline: 0px;
1420
- border: 0px;
1421
- width: auto;
1422
- overflow: visible;
1423
- display: flex;
1424
- -webkit-box-align: center;
1425
- align-items: center;
1426
- background-color: transparent;
1427
- transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
1428
- font-weight: 400;
1429
- font-size: 16px;
1430
- line-height: 24px;
1431
- color: rgb(26, 26, 26);
1432
- }
1433
-
1434
- .drop-down-btn svg {
1435
- height: 22px;
1436
- }
1437
-
1438
- .language-drop-down-menu {
1439
- display: flex;
1440
- justify-content: space-between;
1441
- margin: 0;
1442
- padding: 0;
1443
- flex-wrap: wrap;
1444
- }
1445
-
1446
- .language-drop-down-item {
1447
- width: 50%;
1448
- padding: 10px 12px 0px 0px;
1449
- text-align: center;
1450
- font-size: 15px;
1451
- margin-bottom: 0;
1452
- }
1453
-
1454
- .language-drop-down-item a {
1455
- display: flex;
1456
- width: 100%;
1457
- align-items: center;
1458
- padding: 9px 9px;
1459
- border-bottom: 1px solid rgb(224, 224, 224);
1460
- }
1461
-
1462
- .language-drop-down-item a:hover {
1463
- background: rgb(238, 238, 238);
1464
- border-radius: 3px;
1465
- }
1466
-
1467
- .language-drop-down-item a i {
1468
- margin: 0;
1469
- }
1470
-
1471
- .active-lang {
1472
- background: rgb(238, 238, 238);
1473
- border-radius: 3px;
1474
- }
1475
-
1476
- .row .col-md-9 p {
1477
- text-align: left;
1478
- }
1479
-
1480
- #header {
1481
- display: block;
1482
- position: sticky;
1483
- top: 0;
1484
- z-index: 10;
1485
- background: #fff;
1486
- border-bottom: 1px solid #ccc;
1487
- }
1488
-
1489
- .navbar {
1490
- padding: 1rem 9% !important;
1491
- }
1492
-
1493
- .catPad div {
1494
- margin: 0 0 20px !important;
1495
- }
1496
-
1497
- .upload-redirect {
1498
- padding: 13px 1.5em 14px 1.5em;
1499
- color: #fff;
1500
- background-color: #5c5ce0;
1501
- border-color: #5c5ce0;
1502
- border-radius: 27px;
1503
- font-size: 18px;
1504
- font-weight: 600;
1505
- border: none;
1506
- }
1507
-
1508
- #left-section {
1509
- display: flex;
1510
- flex-direction: column;
1511
- align-items: baseline;
1512
- justify-content: center;
1513
- }
1514
-
1515
- .right-section img {
1516
- width: 90%;
1517
- }
1518
-
1519
- #left-section h1,
1520
- #left-section h2 {
1521
- text-align: left;
1522
- width: 100%;
1523
- }
1524
-
1525
- .video-h1,
1526
- .audio-h1 {
1527
- font-weight: 600;
1528
- font-size: 53px;
1529
- }
1530
-
1531
- .video-h2,
1532
- .audio-h2 {
1533
- font-size: 22px;
1534
- }
1535
-
1536
- .toaster {
1537
- top: 15px;
1538
- padding: 12px 20px;
1539
- color: #fff;
1540
- display: inline-block;
1541
- box-shadow: 0 3px 6px -1px rgb(0 0 0 / 12%),
1542
- 0 10px 36px -4px rgb(77 96 232 / 30%);
1543
- background: linear-gradient(to right, rgb(221, 36, 118), rgb(255, 81, 47));
1544
- position: fixed;
1545
- transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
1546
- border-radius: 2px;
1547
- right: 15px;
1548
- cursor: pointer;
1549
- text-decoration: none;
1550
- max-width: calc(50% - 20px);
1551
- z-index: 2147483647;
1552
- }
1553
- .appscms-sidebar-right,
1554
- .appscms-sidebar-left {
1555
- min-width: 220px;
1556
- max-width: fit-content;
1557
- height: 100vh;
1558
- min-height: 300px;
1559
- max-height: fit-content;
1560
- top: 72px;
1561
- position: absolute;
1562
- }
1563
- .appscms-sidebar-left {
1564
- left: 80px;
1565
- }
1566
- .appscms-sidebar-right {
1567
- right: 80px;
1568
- }
1569
- .hamburger-menu {
1570
- cursor: pointer;
1571
- display: none;
1572
- z-index: 999;
1573
- margin-left: auto;
1574
- width: 20px;
1575
- }
1576
- @media (max-width: 992px) {
1577
- .hamburger-menu {
1578
- display: block;
1579
- }
1580
- }
1581
- @media (max-width: 992px) {
1582
- .sticky-top-group .hamburger-menu {
1583
- margin-left: 12px;
1584
- }
1585
- }
1586
-
1587
- .hamburger-menu span {
1588
- background: #525658;
1589
- width: 17px;
1590
- height: 1.5px;
1591
- display: block;
1592
- margin: 3.5px 0;
1593
- border-radius: 50%;
1594
- -webkit-transition: all 0.3s ease;
1595
- -o-transition: all 0.3s ease;
1596
- transition: all 0.3s ease;
1597
- border-radius: 5px;
1598
- }
1599
- /* infographics csss */
1600
- .infographics_section {
1601
- width: 100%;
1602
- padding: 50px 0px 50px 0px;
1603
- border-top: 1px solid rgb(224, 224, 224);
1604
- }
1605
-
1606
- .infographics_section .infographics-desc {
1607
- position: absolute;
1608
- color: #000;
1609
- bottom: 0;
1610
- }
1611
-
1612
- .infographics_section .slider {
1613
- position: relative;
1614
- max-width: 40rem;
1615
- height: 26.625rem;
1616
- margin: 0 auto;
1617
- overflow: hidden;
1618
- }
1619
-
1620
- .infographics_section .slide {
1621
- position: absolute;
1622
- top: 0;
1623
- width: 100%;
1624
- height: 26.625rem;
1625
- display: flex;
1626
- align-items: center;
1627
- justify-content: center;
1628
- transition: transform 1s;
1629
- }
1630
-
1631
- .infographics_section .slide img {
1632
- width: 200px;
1633
- height: 100%;
1634
- /* object-fit: contain; */
1635
- }
1636
-
1637
- .infographics_section button {
1638
- background: none;
1639
- border: none;
1640
- }
1641
-
1642
- .infographics_section button .fas {
1643
- color: #000;
1644
- }
1645
-
1646
- .infographics_section .btn-slide {
1647
- position: absolute;
1648
- top: 50%;
1649
- z-index: 10;
1650
-
1651
- height: 5.5rem;
1652
- width: 5.5rem;
1653
- cursor: pointer;
1654
- }
1655
-
1656
- .infographics_section .prev {
1657
- left: 3rem;
1658
- transform: translate(-50%, -50%);
1659
- }
1660
-
1661
- .infographics_section .next {
1662
- right: 3rem;
1663
- transform: translate(50%, -50%);
1664
- }
1665
-
1666
- .infographics_section .dots-container {
1667
- display: flex;
1668
- justify-content: center;
1669
- align-items: center;
1670
- position: relative;
1671
- }
1672
-
1673
- .infographics_section .dot {
1674
- width: 25px;
1675
- height: 5px;
1676
- margin: 15px 5px;
1677
- border-radius: 0.5rem;
1678
- background: rgba(39, 39, 39, 0.5);
1679
- cursor: pointer;
1680
- }
1681
-
1682
- .infographics_section .dot.active {
1683
- background: #272727;
1684
- }
1685
-
1686
- @media screen and (min-width: 1450px) {
1687
- .appscms-sidebar-left {
1688
- left: 200px !important;
1689
- }
1690
- .appscms-sidebar-right {
1691
- right: 200px !important;
1692
- }
1693
- }
1694
- @media screen and (min-width: 1920px) {
1695
- .feature-card-title,
1696
- .faq-question {
1697
- font-size: 22px;
1698
- }
1699
- .feature-card-desc,
1700
- .how-to-list-item,
1701
- .faq-answer {
1702
- font-size: 18px;
1703
- }
1704
- .appscms-sidebar-left {
1705
- left: 300px !important;
1706
- }
1707
- .appscms-sidebar-right {
1708
- right: 300px !important;
1709
- }
1710
- }
1711
- .shareModal {
1712
- display: none;
1713
- position: fixed;
1714
- z-index: 100000000000;
1715
- left: 0;
1716
- top: 0;
1717
- width: 100%;
1718
- height: 100%;
1719
- overflow: auto;
1720
- background-color: rgba(0, 0, 0, 0.5);
1721
- }
1722
-
1723
- .shareModal .share-modal-content {
1724
- background-color: #fefefe;
1725
- margin: 15% auto;
1726
- padding: 20px;
1727
- /* border: 1px solid #888; */
1728
- width: 70%;
1729
- height: 200px;
1730
- text-align: center;
1731
- }
1732
-
1733
- .shareModal .close-share-modal {
1734
- color: #aaa;
1735
- float: right;
1736
- display: none;
1737
- font-size: 28px;
1738
- font-weight: bold;
1739
- }
1740
- .shareModal h5 {
1741
- color: #000;
1742
- padding-top: 10px;
1743
- font-weight: 700;
1744
- }
1745
- .shareModal .close-share-modal:hover,
1746
- .shareModal .close-share-modal:focus {
1747
- color: black;
1748
- text-decoration: none;
1749
- cursor: pointer;
1750
- }
1751
-
1752
- .share-modal-social {
1753
- display: flex;
1754
- gap: 30px;
1755
- height: 100%;
1756
- padding-bottom: 60px;
1757
- align-items: center;
1758
- justify-content: center;
1759
- }
1760
- .share-modal-social a {
1761
- color: #000;
1762
- }
1763
- .share-modal-social a i {
1764
- font-size: 30px;
1765
- }
1766
- .authors-list {
1767
- border-top: 1px solid rgb(224, 224, 224);
1768
- margin-top: 100px;
1769
- padding: 100px;
1770
- }
1771
-
1772
- .featurePageAuthor {
1773
- display: flex;
1774
- flex-direction: column;
1775
- width: 100%;
1776
- justify-content: center;
1777
- }
1778
-
1779
- .featurePageAuthor .author-meta {
1780
- width: 500px;
1781
- margin: 0 auto;
1782
- padding-bottom: 5rem;
1783
- }
1784
-
1785
- .featurePageAuthor .author-meta .authorName {
1786
- font-size: 20px;
1787
- padding: 1rem 0px;
1788
- font-weight: 900;
1789
- }
1790
-
1791
- .featurePageAuthor .author-img {
1792
- width: 100px;
1793
- height: 100px;
1794
- border-radius: 100%;
1795
- }
1796
-
1797
- .featurePageAuthor .author_bio {
1798
- font-size: 16px;
1799
- }
1800
-
1801
- @media (max-width: 768px) {
1802
- .authors-list {
1803
- padding: 25px;
1804
- }
1805
-
1806
- .featurePageAuthor .author-meta {
1807
- width: 100%;
1808
- }
1809
- }
1810
- .contributor {
1811
- width: 100px;
1812
- }
1813
- .contributor .contributor-name {
1814
- font-size: 13px;
1815
- margin-top: 8px;
1816
- text-transform: capitalize;
1817
- }
1
+ * {
2
+ box-sizing: border-box;
3
+ }
4
+
5
+ body {
6
+ padding: 0;
7
+ margin: 0;
8
+ -webkit-font-smoothing: antialiased;
9
+ box-sizing: border-box;
10
+ overflow-y: scroll;
11
+ background: white;
12
+ font-family: Arial, sans-serif;
13
+ }
14
+
15
+ header {
16
+ width: 100%;
17
+ }
18
+
19
+ a,
20
+ a:hover {
21
+ text-decoration: none;
22
+ color: rgb(26, 25, 25);
23
+ }
24
+
25
+ .navbar-toggler {
26
+ outline: none !important;
27
+ }
28
+
29
+ .navbar-toggler > .fa_bars {
30
+ position: absolute;
31
+ top: 20px;
32
+ font-size: 22px;
33
+ }
34
+
35
+ .nav-header {
36
+ position: sticky;
37
+ top: 0;
38
+ z-index: 10;
39
+ background: #fff;
40
+ border-bottom: 1px solid #ddd;
41
+ }
42
+
43
+ .nav__item {
44
+ margin: 0 !important;
45
+ padding: 0 15px;
46
+ font-size: 15px;
47
+ font-weight: 400;
48
+ line-height: 18px;
49
+ text-align: left;
50
+ list-style: none;
51
+ position: relative;
52
+ }
53
+
54
+ .nav__item a:hover {
55
+ color: #000;
56
+ text-decoration: none !important;
57
+ }
58
+
59
+ .navbar .dropdown-menu {
60
+ position: fixed;
61
+ left: 0;
62
+ top: 71px;
63
+ width: 100%;
64
+ }
65
+
66
+ .inner-dropdown {
67
+ display: flex;
68
+ justify-content: left;
69
+ padding: 30px 100px;
70
+ flex-wrap: wrap;
71
+ }
72
+
73
+ .catPad {
74
+ padding: 0 85px;
75
+ }
76
+
77
+ .catPad div {
78
+ font-size: 14px !important;
79
+ font-weight: 500;
80
+ }
81
+
82
+ @media (max-width: 992px) {
83
+ .appscms-sidebar-right,
84
+ .appscms-sidebar-left {
85
+ display: none;
86
+ }
87
+ .toaster {
88
+ right: 25% !important;
89
+ }
90
+ .navbar .dropdown-menu {
91
+ overflow-y: scroll;
92
+ height: 500px;
93
+ position: static !important;
94
+ float: none;
95
+ }
96
+
97
+ .inner-dropdown {
98
+ flex-direction: column;
99
+ padding: 0px 30px;
100
+ }
101
+
102
+ .navbar-nav {
103
+ margin: 0 !important;
104
+ }
105
+
106
+ .nav__item {
107
+ padding: 15px 0;
108
+ }
109
+ }
110
+ @media (max-width: 768px) {
111
+ .toaster {
112
+ display: none !important;
113
+ }
114
+
115
+ .innerWrapper {
116
+ padding: 40px 51px;
117
+ }
118
+
119
+ .success-msg-cont button {
120
+ margin: auto;
121
+ width: 100% !important;
122
+ justify-content: center !important;
123
+ }
124
+
125
+ .success-msg-cont {
126
+ flex-direction: column;
127
+ justify-content: center;
128
+ }
129
+
130
+ .language-drop-down-item {
131
+ width: 100% !important;
132
+ }
133
+
134
+ .file-detail-table {
135
+ overflow-x: scroll;
136
+ }
137
+
138
+ .compare-table {
139
+ overflow-x: scroll;
140
+ }
141
+
142
+ .faq-list {
143
+ width: 100% !important;
144
+ }
145
+
146
+ .feature-h1,
147
+ .home-top-h1,
148
+ .how-to-title {
149
+ font-size: 16px !important;
150
+ }
151
+
152
+ .feature-h2,
153
+ .home-top-h2,
154
+ .how-to-title {
155
+ font-size: 14px !important;
156
+ }
157
+
158
+ .social-count {
159
+ right: auto !important;
160
+ margin-top: 25px !important;
161
+ }
162
+
163
+ .rating-tool {
164
+ flex-direction: column;
165
+ }
166
+
167
+ .how-to-leftimg {
168
+ margin-bottom: 24px;
169
+ }
170
+ }
171
+
172
+ .how-to-section,
173
+ .faq-section {
174
+ padding: 90px 0px;
175
+ border-top: 1px solid rgb(224, 224, 224);
176
+ }
177
+
178
+ .related-posts-section,
179
+ .usp-section,
180
+ .footer {
181
+ padding: 32px 0px;
182
+ border-top: 1px solid rgb(224, 224, 224);
183
+ }
184
+
185
+ .how-to-leftimg {
186
+ height: 180px;
187
+ width: 300px;
188
+ }
189
+
190
+ .how-to-right {
191
+ color: rgb(33, 33, 33);
192
+ }
193
+
194
+ @media (min-width: 768px) {
195
+ .how-to-title {
196
+ line-height: 30px;
197
+ font-size: 22px;
198
+ }
199
+ }
200
+
201
+ .how-to-list {
202
+ margin: 0px;
203
+ padding: 6px 0px;
204
+ list-style: none;
205
+ text-align: left;
206
+ }
207
+
208
+ .how-to-list-item {
209
+ line-height: 24px;
210
+ font-size: 16px;
211
+ font-weight: 400;
212
+ display: flex;
213
+ padding: 6px 0px;
214
+ }
215
+
216
+ .how-to-list-item span {
217
+ line-height: 24px;
218
+ font-size: 16px;
219
+ font-weight: 600;
220
+ min-width: 24px;
221
+ }
222
+
223
+ .how-to-title {
224
+ line-height: 30px;
225
+ font-weight: 600;
226
+ margin: 0px;
227
+ padding-bottom: 12px;
228
+ }
229
+
230
+ .how-to-img-wrapper {
231
+ width: 100%;
232
+ height: 100%;
233
+ display: flex;
234
+ justify-content: center;
235
+ align-items: center;
236
+ }
237
+
238
+ .feature-card-img {
239
+ width: 48px;
240
+ height: 48px;
241
+ }
242
+
243
+ .feature-card-title,
244
+ .faq-question,
245
+ .feature-card-desc,
246
+ .faq-answer {
247
+ line-height: 24px;
248
+ font-size: 16px;
249
+ font-weight: 600;
250
+ color: rgb(33, 33, 33);
251
+ text-align: center;
252
+ margin: 0px;
253
+ padding: 12px 0px;
254
+ }
255
+
256
+ .faq-question {
257
+ text-align: left;
258
+ }
259
+
260
+ .feature-card-desc {
261
+ font-weight: 400;
262
+ }
263
+
264
+ .faq-answer {
265
+ font-weight: 400;
266
+ text-align: left;
267
+ margin: 0px;
268
+ max-width: 100%;
269
+ }
270
+
271
+ main {
272
+ display: block;
273
+ }
274
+
275
+ #app {
276
+ display: -webkit-box;
277
+ display: -webkit-flex;
278
+ display: -ms-flexbox;
279
+ display: flex;
280
+ min-height: 100vh;
281
+ }
282
+
283
+ .box-border {
284
+ position: absolute;
285
+ inset: 12px;
286
+ background: rgba(0, 0, 0, 0.1);
287
+ border: 1px dashed rgba(0, 0, 0, 0.15);
288
+ }
289
+
290
+ .div-cont {
291
+ display: flex;
292
+ }
293
+
294
+ .content-box {
295
+ display: flex;
296
+ flex: 1 1 auto;
297
+ z-index: 1;
298
+ }
299
+
300
+ .flex-container {
301
+ display: flex;
302
+ -webkit-box-pack: center;
303
+ justify-content: center;
304
+ width: 100%;
305
+ }
306
+
307
+ .flex-class {
308
+ -webkit-flex: 1 0 auto;
309
+ -ms-flex: 1 0 auto;
310
+ flex: 1 0 auto;
311
+ width: 100%;
312
+ }
313
+
314
+ @media (min-width: 0px) and (max-width: 1199px) {
315
+ .flex-class {
316
+ max-width: none;
317
+ }
318
+ }
319
+
320
+ @media (min-width: 1200px) {
321
+ .flex-class {
322
+ max-width: 1200px;
323
+ }
324
+ }
325
+
326
+ @media (min-width: 0px) and (max-width: 767px) {
327
+ .flex-class {
328
+ padding: 0 18px;
329
+ }
330
+ }
331
+
332
+ @media (min-width: 768px) {
333
+ .flex-class {
334
+ padding: 0 30px;
335
+ }
336
+ }
337
+
338
+ .flex-class {
339
+ flex: 1 0 auto;
340
+ width: 100%;
341
+ }
342
+
343
+ .feature-h1,
344
+ .home-top-h2 {
345
+ line-height: 36px;
346
+ font-size: 30px;
347
+ font-weight: 600;
348
+ color: rgb(33, 33, 33);
349
+ text-align: center;
350
+ margin: 0px;
351
+ }
352
+
353
+ .feature-h2,
354
+ .home-top-h2 {
355
+ font-weight: 300;
356
+ color: rgb(33, 33, 33);
357
+ text-align: center;
358
+ margin: 0px;
359
+ }
360
+
361
+ @media (min-width: 768px) {
362
+ .feature-h2 {
363
+ line-height: 30px;
364
+ font-size: 22px;
365
+ }
366
+ }
367
+
368
+ .footer-nav-item {
369
+ margin: -12px 0;
370
+ padding: 0;
371
+ display: -webkit-box;
372
+ display: -webkit-flex;
373
+ display: -ms-flexbox;
374
+ display: flex;
375
+ -webkit-flex-direction: column;
376
+ -ms-flex-direction: column;
377
+ flex-direction: column;
378
+ -webkit-box-flex: 1;
379
+ -webkit-flex-grow: 1;
380
+ -ms-flex-positive: 1;
381
+ flex-grow: 1;
382
+ -webkit-flex-shrink: 1;
383
+ -ms-flex-negative: 1;
384
+ flex-shrink: 1;
385
+ -webkit-flex-basis: 0;
386
+ -ms-flex-preferred-size: 0;
387
+ flex-basis: 0;
388
+ }
389
+
390
+ @media (min-width: 992px) {
391
+ .footer-nav-item {
392
+ -webkit-flex: initial;
393
+ -ms-flex: initial;
394
+ flex: initial;
395
+ width: 160px;
396
+ }
397
+ }
398
+
399
+ @media (min-width: 576px) and (max-width: 991px) {
400
+ .footer-nav-item {
401
+ padding: 0 20px;
402
+ }
403
+
404
+ .footer-nav-item:first-child {
405
+ padding-left: 0;
406
+ }
407
+
408
+ .footer-nav-item:last-child {
409
+ padding-right: 0;
410
+ }
411
+ }
412
+
413
+ @media (max-width: 575px) {
414
+ .footer-nav-item {
415
+ -webkit-flex-basis: auto;
416
+ -ms-flex-preferred-size: auto;
417
+ flex-basis: auto;
418
+ }
419
+
420
+ .footer-nav-item:not(:first-child) {
421
+ margin-top: 28px;
422
+ }
423
+ }
424
+
425
+ .home-feature-desc {
426
+ line-height: 18px;
427
+ font-size: 14px;
428
+ font-stretch: 400;
429
+ font-weight: 400;
430
+ position: absolute;
431
+ padding: 12px;
432
+ }
433
+
434
+ @media (max-width: 767px) {
435
+ .home-feature-desc {
436
+ right: 0;
437
+ bottom: 0;
438
+ left: 48px;
439
+ top: 36px;
440
+ }
441
+ }
442
+
443
+ @media (min-width: 768px) {
444
+ .home-feature-desc {
445
+ left: 0;
446
+ right: 0;
447
+ bottom: 0;
448
+ top: 84px;
449
+ }
450
+ }
451
+
452
+ @media (min-width: 768px) {
453
+ .home-top-h1 {
454
+ line-height: 36px;
455
+ font-size: 30px;
456
+ margin-bottom: 0px !important;
457
+ }
458
+ }
459
+
460
+ @media (min-width: 768px) {
461
+ .home-top-h2 {
462
+ line-height: 30px;
463
+ font-size: 22px;
464
+ }
465
+ }
466
+
467
+ html {
468
+ line-height: 1.15;
469
+ -webkit-text-size-adjust: 100%;
470
+ }
471
+
472
+ .header {
473
+ min-height: 80px;
474
+ }
475
+
476
+ .heading {
477
+ text-align: center;
478
+ margin-top: 90px;
479
+ }
480
+
481
+ .row {
482
+ text-align: center;
483
+ }
484
+
485
+ i {
486
+ display: block;
487
+ margin-bottom: 18px;
488
+ }
489
+
490
+ p {
491
+ font-size: 15px;
492
+ line-height: 1.41;
493
+ color: rgb(17, 48, 78);
494
+ }
495
+
496
+ .how-to {
497
+ margin-right: -15px;
498
+ margin-left: -15px;
499
+ }
500
+
501
+ .how-to-text {
502
+ position: relative;
503
+ min-height: 1px;
504
+ padding-right: 15px;
505
+ padding-left: 15px;
506
+ margin: auto;
507
+ width: 74%;
508
+ padding: 10px;
509
+ }
510
+
511
+ .how-to-h2 {
512
+ font-size: 40px;
513
+ font-weight: 800;
514
+ line-height: 1.16;
515
+ text-align: left;
516
+ color: rgb(17, 48, 78);
517
+ width: 100%;
518
+ margin-top: 70px;
519
+ }
520
+
521
+ .steps {
522
+ padding-left: 29px;
523
+ }
524
+
525
+ ul li span {
526
+ display: inline-block;
527
+ width: 20px;
528
+ margin-right: 20px;
529
+ }
530
+
531
+ img {
532
+ outline: none;
533
+ border: none;
534
+ max-width: 100%;
535
+ height: auto;
536
+ }
537
+
538
+ ul li {
539
+ margin: 0 0 20px;
540
+ padding: 0;
541
+ font-size: 17px;
542
+ font-weight: 500;
543
+ line-height: 1.4;
544
+ text-align: left;
545
+ color: #11304e;
546
+ list-style: none;
547
+ position: relative;
548
+ }
549
+
550
+ .header {
551
+ padding: 20px 10px;
552
+ }
553
+
554
+ /* footer css start */
555
+ .footer-wrapper {
556
+ padding: 32px 0;
557
+ display: -webkit-box;
558
+ display: -webkit-flex;
559
+ display: -ms-flexbox;
560
+ display: flex;
561
+ -webkit-flex-direction: row;
562
+ -ms-flex-direction: row;
563
+ flex-direction: row;
564
+ border-bottom: 1px solid #e8e8e8;
565
+ }
566
+
567
+ @media (max-width: 991px) {
568
+ .footer-wrapper {
569
+ -webkit-flex-direction: column;
570
+ -ms-flex-direction: column;
571
+ flex-direction: column;
572
+ }
573
+ }
574
+
575
+ .footer-logo-cont {
576
+ flex: 1 1 auto;
577
+ display: flex;
578
+ flex-direction: column;
579
+ align-items: flex-start;
580
+ }
581
+
582
+ .footer-title {
583
+ font-stretch: 400;
584
+ font-weight: 400;
585
+ font-size: 18px;
586
+ line-height: 28px;
587
+ color: rgba(26, 26, 26, 1);
588
+ padding-top: 24px;
589
+ }
590
+
591
+ .footer-nav {
592
+ -webkit-flex: 1 1 auto;
593
+ -ms-flex: 1 1 auto;
594
+ flex: 1 1 auto;
595
+ display: -webkit-box;
596
+ display: -webkit-flex;
597
+ display: -ms-flexbox;
598
+ display: flex;
599
+ -webkit-flex-direction: row;
600
+ -ms-flex-direction: row;
601
+ flex-direction: row;
602
+ -webkit-box-pack: end;
603
+ -webkit-justify-content: space-between;
604
+ -ms-flex-pack: end;
605
+ justify-content: space-between;
606
+ }
607
+
608
+ @media (max-width: 991px) {
609
+ .footer-nav {
610
+ padding-top: 32px;
611
+ -webkit-box-pack: justify;
612
+ -webkit-justify-content: space-between;
613
+ -ms-flex-pack: justify;
614
+ justify-content: space-between;
615
+ }
616
+ }
617
+
618
+ @media (max-width: 575px) {
619
+ .footer-nav {
620
+ -webkit-flex-direction: column;
621
+ -ms-flex-direction: column;
622
+ flex-direction: column;
623
+ }
624
+ }
625
+
626
+ .footer-ul {
627
+ display: flex;
628
+ flex-direction: column;
629
+ padding-left: 0;
630
+ }
631
+
632
+ .footer-ul-title {
633
+ font-stretch: 400;
634
+ font-weight: 700;
635
+ font-size: 16px;
636
+ line-height: 24px;
637
+ color: rgba(26, 26, 26, 1);
638
+ padding: 12px 0;
639
+ -webkit-user-select: none;
640
+ -moz-user-select: none;
641
+ -ms-user-select: none;
642
+ user-select: none;
643
+ }
644
+
645
+ .footer-link {
646
+ font-stretch: 400;
647
+ font-weight: 400;
648
+ font-size: 16px;
649
+ line-height: 24px;
650
+ color: rgba(26, 26, 26, 1);
651
+ padding: 12px 0;
652
+ -webkit-flex: 0 0 auto;
653
+ -ms-flex: 0 0 auto;
654
+ flex: 0 0 auto;
655
+ width: 100%;
656
+ }
657
+
658
+ .footer-link:hover {
659
+ color: rgba(117, 117, 117, 1);
660
+ }
661
+
662
+ .footer-msg {
663
+ text-align: left;
664
+ font-stretch: 400;
665
+ font-weight: 400;
666
+ font-size: 16px;
667
+ line-height: 24px;
668
+ color: rgba(26, 26, 26, 1);
669
+ -webkit-flex: 1 1 auto;
670
+ -ms-flex: 1 1 auto;
671
+ flex: 1 1 auto;
672
+ }
673
+
674
+ @media (min-width: 576px) and (max-width: 991px) {
675
+ .footer-msg {
676
+ padding-top: 24px;
677
+ }
678
+ }
679
+
680
+ .privacy-footer {
681
+ display: -webkit-box;
682
+ display: -webkit-flex;
683
+ display: -ms-flexbox;
684
+ display: flex;
685
+ -webkit-flex-direction: row;
686
+ -ms-flex-direction: row;
687
+ flex-direction: row;
688
+ padding: 24px 0;
689
+ }
690
+
691
+ @media (max-width: 991px) {
692
+ .privacy-footer {
693
+ -webkit-flex-direction: column-reverse;
694
+ -ms-flex-direction: column-reverse;
695
+ flex-direction: column-reverse;
696
+ }
697
+ }
698
+
699
+ @media (max-width: 575px) {
700
+ .privacy-footer {
701
+ padding: 32px 0;
702
+ }
703
+ }
704
+
705
+ .privacy-links {
706
+ display: -webkit-box;
707
+ display: -webkit-flex;
708
+ display: -ms-flexbox;
709
+ display: flex;
710
+ -webkit-align-items: flex-start;
711
+ -webkit-box-align: flex-start;
712
+ -ms-flex-align: flex-start;
713
+ align-items: flex-start;
714
+ -webkit-flex-direction: row;
715
+ -ms-flex-direction: row;
716
+ flex-direction: row;
717
+ }
718
+
719
+ @media (max-width: 575px) {
720
+ .privacy-links {
721
+ -webkit-flex-direction: column-reverse;
722
+ -ms-flex-direction: column-reverse;
723
+ flex-direction: column-reverse;
724
+ }
725
+ }
726
+
727
+ .privacy-links-item {
728
+ font-stretch: 400;
729
+ font-weight: 400;
730
+ font-size: 16px;
731
+ line-height: 24px;
732
+ color: rgba(26, 26, 26, 1);
733
+ margin: 0 20px;
734
+ }
735
+
736
+ .privacy-links-item:hover {
737
+ color: rgba(117, 117, 117, 1);
738
+ }
739
+
740
+ .privacy-links-item:first-child {
741
+ margin-left: 0;
742
+ }
743
+
744
+ .privacy-links-item:last-child {
745
+ margin-right: 0;
746
+ }
747
+
748
+ @media (max-width: 575px) {
749
+ .privacy-links-item {
750
+ margin-left: 0;
751
+ margin-right: 0;
752
+ margin-bottom: 32px;
753
+ }
754
+ }
755
+
756
+ /* footer css end */
757
+ /*about termsand conditions help*/
758
+ .contact-h1 {
759
+ line-height: 30px;
760
+ font-size: 22px;
761
+ font-stretch: 400;
762
+ font-weight: 600;
763
+ color: rgba(33, 33, 33, 1);
764
+ text-align: center;
765
+ margin: 0;
766
+ }
767
+
768
+ @media (min-width: 768px) {
769
+ .contact-h1 {
770
+ line-height: 36px;
771
+ font-size: 30px;
772
+ }
773
+ }
774
+
775
+ .contact-h2 {
776
+ line-height: 30px;
777
+ font-stretch: 400;
778
+ font-weight: 300;
779
+ font-size: 20px;
780
+ color: rgba(33, 33, 33, 1);
781
+ text-align: center;
782
+ margin: 0;
783
+ }
784
+
785
+ @media (min-width: 768px) {
786
+ .contact-h2 {
787
+ line-height: 30px;
788
+ font-size: 22px;
789
+ }
790
+ }
791
+
792
+ .about-h1 {
793
+ line-height: 30px;
794
+ font-size: 22px;
795
+ font-stretch: 400;
796
+ font-weight: 600;
797
+ color: rgba(33, 33, 33, 1);
798
+ text-align: center;
799
+ margin: 0;
800
+ }
801
+
802
+ @media (min-width: 768px) {
803
+ .about-h1 {
804
+ line-height: 36px;
805
+ font-size: 30px;
806
+ }
807
+ }
808
+
809
+ .about-h2 {
810
+ line-height: 30px;
811
+ font-stretch: 400;
812
+ font-weight: 300;
813
+ font-size: 20px;
814
+ color: rgba(33, 33, 33, 1);
815
+ text-align: center;
816
+ margin: 0;
817
+ }
818
+
819
+ .common-h2 {
820
+ font-stretch: 400;
821
+ font-size: 20px;
822
+ color: rgba(33, 33, 33, 1);
823
+ }
824
+
825
+ @media (min-width: 768px) {
826
+ .about-h2 {
827
+ line-height: 30px;
828
+ font-size: 22px;
829
+ }
830
+
831
+ .common-h2 {
832
+ font-size: 22px;
833
+ }
834
+ }
835
+
836
+ .feature-img {
837
+ width: 36px;
838
+ height: 36px;
839
+ }
840
+
841
+ .box-padding {
842
+ padding: 0px 0px 24px;
843
+ }
844
+
845
+ .box {
846
+ position: relative;
847
+ display: flex;
848
+ flex-direction: column;
849
+ background-color: rgb(242, 48, 48);
850
+ min-height: 300px;
851
+ width: 100%;
852
+ }
853
+
854
+ .social-icons {
855
+ position: fixed;
856
+ right: 0;
857
+ top: 35%;
858
+ width: 47px;
859
+ height: 174px;
860
+ display: flex;
861
+ flex-direction: column;
862
+ align-items: center;
863
+ justify-content: center;
864
+ z-index: 999;
865
+ border-top-left-radius: 8px;
866
+ border-bottom-left-radius: 8px;
867
+ background: #fff;
868
+ box-shadow: 0 0 20px -7px #191a1a9e;
869
+ line-height: 30px;
870
+ }
871
+
872
+ @media (max-width: 768px) {
873
+ .how-to-video-wrapper .youtubeVideoPlayer {
874
+ width: 100%;
875
+ }
876
+ .catPad {
877
+ padding: 0;
878
+ }
879
+
880
+ .social-icons {
881
+ left: 0;
882
+ bottom: 0 !important;
883
+ top: auto;
884
+ font-size: 25px;
885
+ width: 100%;
886
+ height: 60px;
887
+ display: flex;
888
+ margin: 0 !important;
889
+ flex-direction: row;
890
+ justify-content: space-evenly;
891
+ line-height: 100px;
892
+ }
893
+ }
894
+
895
+ .social-icon {
896
+ margin: 0 !important;
897
+ color: gray;
898
+ font-size: 1.6rem;
899
+ }
900
+
901
+ .social-icon:hover {
902
+ color: black;
903
+ }
904
+
905
+ .home-features {
906
+ display: -webkit-box;
907
+ display: -webkit-flex;
908
+ display: -ms-flexbox;
909
+ display: flex;
910
+ -webkit-flex-wrap: wrap;
911
+ -ms-flex-wrap: wrap;
912
+ flex-wrap: wrap;
913
+ list-style: none;
914
+ margin: 0;
915
+ padding: 0 0 90px 0;
916
+ }
917
+
918
+ .home-feature-box {
919
+ position: relative;
920
+ color: white;
921
+ margin: 0;
922
+ transition: 0.2s linear;
923
+ border: 1px solid white;
924
+ }
925
+
926
+ .home-feature-box:hover {
927
+ transform: translateY(-17px);
928
+ }
929
+
930
+ @media (min-width: 0px) and (max-width: 767px) {
931
+ .home-feature-box {
932
+ width: 100%;
933
+ height: 114px;
934
+ }
935
+ }
936
+
937
+ @media (min-width: 768px) and (max-width: 991px) {
938
+ .home-feature-box {
939
+ width: 25%;
940
+ height: 180px;
941
+ }
942
+ }
943
+
944
+ @media (min-width: 992px) {
945
+ .home-feature-box {
946
+ width: 20%;
947
+ height: 180px;
948
+ }
949
+ }
950
+
951
+ .home-feature-name {
952
+ line-height: 24px;
953
+ font-size: 16px;
954
+ font-stretch: 400;
955
+ font-weight: 700;
956
+ color: #fff;
957
+ text-overflow: ellipsis;
958
+ white-space: nowrap;
959
+ overflow: hidden;
960
+ position: absolute;
961
+ top: 0;
962
+ right: 0;
963
+ bottom: 0;
964
+ left: 0;
965
+ transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
966
+ }
967
+
968
+ .home-feature-name:hover {
969
+ box-shadow: 0px 0px 24px rgba(26, 26, 26, 0.2);
970
+ z-index: 1;
971
+ color: currentColor;
972
+ text-decoration: none;
973
+ }
974
+
975
+ @media (max-width: 767px) {
976
+ .home-feature-name {
977
+ padding: 12px 12px 12px 60px;
978
+ }
979
+ }
980
+
981
+ @media (min-width: 768px) {
982
+ .home-feature-name {
983
+ padding: 60px 12px 12px 12px;
984
+ }
985
+ }
986
+
987
+ .home-inner-box {
988
+ position: absolute;
989
+ padding: 12px;
990
+ }
991
+
992
+ .div-cont {
993
+ display: -webkit-box;
994
+ display: -webkit-flex;
995
+ display: -ms-flexbox;
996
+ display: flex;
997
+ /* overflow: hidden; */
998
+ }
999
+
1000
+ .div-cont > svg {
1001
+ display: -webkit-box;
1002
+ display: -webkit-flex;
1003
+ display: -ms-flexbox;
1004
+ display: flex;
1005
+ -webkit-flex: 1 1 auto;
1006
+ -ms-flex: 1 1 auto;
1007
+ flex: 1 1 auto;
1008
+ }
1009
+
1010
+ .div-cont > svg > * {
1011
+ fill: currentColor;
1012
+ }
1013
+
1014
+ .mega-menu::first-line {
1015
+ color: gray !important;
1016
+ font-weight: 600;
1017
+ }
1018
+
1019
+ .lang-dropdown {
1020
+ position: fixed;
1021
+ right: 30px;
1022
+ top: 20px;
1023
+ z-index: 999;
1024
+ }
1025
+
1026
+ @media (max-width: 994px) {
1027
+ .lang-dropdown {
1028
+ top: 75px;
1029
+ z-index: 5;
1030
+ right: 4px;
1031
+ position: absolute;
1032
+ }
1033
+
1034
+ .lang-dropdown .lang-dropdown-btn {
1035
+ position: absolute;
1036
+ right: 0;
1037
+ }
1038
+
1039
+ .drop-down-wrapper {
1040
+ overflow-y: unset !important;
1041
+ }
1042
+ }
1043
+
1044
+ .drop-down-wrapper {
1045
+ height: fit-content !important;
1046
+ }
1047
+
1048
+ .lang-dropdown-item {
1049
+ width: 100%;
1050
+ display: block;
1051
+ text-align: center;
1052
+ text-decoration: none !important;
1053
+ }
1054
+
1055
+ .rating-tool {
1056
+ width: 100%;
1057
+ display: flex;
1058
+ justify-content: center;
1059
+ align-items: center;
1060
+ padding: 20px 0px 20px 0px;
1061
+ border-top: 1px solid rgb(221, 221, 221);
1062
+ }
1063
+
1064
+ .rating-text {
1065
+ font-size: 17px;
1066
+ font-weight: 700;
1067
+ color: rgb(33, 33, 33);
1068
+ padding: 6px;
1069
+ }
1070
+
1071
+ .rating-stars {
1072
+ color: #9d9d9d !important;
1073
+ padding-top: 17px;
1074
+ display: flex;
1075
+ align-items: center;
1076
+ }
1077
+
1078
+ .rating-stars i {
1079
+ padding: 5px;
1080
+ font-size: 17px;
1081
+ }
1082
+
1083
+ .rating-value {
1084
+ line-height: 24px;
1085
+ font-size: 16px;
1086
+ font-family: Arial, sans-serif;
1087
+ -webkit-font-smoothing: antialiased;
1088
+ font-weight: 400;
1089
+ color: rgb(33, 33, 33);
1090
+ padding: 6px;
1091
+ }
1092
+
1093
+ .related_post_heading {
1094
+ width: 100%;
1095
+ font-size: 46px;
1096
+ text-align: center;
1097
+ font-weight: 800;
1098
+ font-stretch: normal;
1099
+ font-style: normal;
1100
+ line-height: 1.24;
1101
+ letter-spacing: normal;
1102
+ color: rgb(17, 48, 78);
1103
+ margin-bottom: 45px;
1104
+ padding-top: 75px;
1105
+ display: inline-block;
1106
+ }
1107
+
1108
+ .card-footer {
1109
+ border: none;
1110
+ }
1111
+
1112
+ .wrapfooter {
1113
+ display: flex;
1114
+ align-items: center;
1115
+ margin-bottom: 15px;
1116
+ }
1117
+
1118
+ .wrapfooter img {
1119
+ width: 35px;
1120
+ height: 35px;
1121
+ border-radius: 50%;
1122
+ }
1123
+
1124
+ .wrapfooter .author-meta {
1125
+ padding: 0 15px;
1126
+ }
1127
+
1128
+ .wrapfooter .author-meta a {
1129
+ font-size: 15px;
1130
+ color: #000;
1131
+ text-transform: capitalize;
1132
+ }
1133
+
1134
+ .wrapfooter .post-read-more {
1135
+ flex: 50;
1136
+ text-align: right;
1137
+ }
1138
+
1139
+ .post-date {
1140
+ font-size: 13px;
1141
+ display: block;
1142
+ text-align: left;
1143
+ }
1144
+
1145
+ .social-count {
1146
+ background: #d60000;
1147
+ color: #fff;
1148
+ position: absolute;
1149
+ height: 16px;
1150
+ width: 16px;
1151
+ display: inline-flex;
1152
+ align-items: center;
1153
+ justify-content: center;
1154
+ text-align: center;
1155
+ font-size: 12px;
1156
+ font-weight: 700;
1157
+ right: 1px;
1158
+ border-radius: 50%;
1159
+ margin-top: 1px;
1160
+ padding: 9px;
1161
+ }
1162
+
1163
+ .file-detail-table th,
1164
+ .file-detail-table td {
1165
+ border: none !important;
1166
+ }
1167
+
1168
+ .softwares-section img {
1169
+ height: 32px !important;
1170
+ width: 32px !important;
1171
+ }
1172
+
1173
+ .software-name {
1174
+ color: #1565c0 !important;
1175
+ font-size: 1.1rem;
1176
+ margin-top: -4px;
1177
+ margin-left: 4px;
1178
+ }
1179
+
1180
+ .software-value {
1181
+ font-size: 0.7rem;
1182
+ margin-left: 4px;
1183
+ color: #6d6d6d;
1184
+ margin-top: -3px;
1185
+ }
1186
+
1187
+ #rating-img {
1188
+ height: 1px;
1189
+ width: 1px;
1190
+ filter: brightness();
1191
+ filter: brightness(100);
1192
+ }
1193
+
1194
+ .download-section {
1195
+ box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px inset;
1196
+ margin-top: 5px;
1197
+ }
1198
+
1199
+ .download-btn-container {
1200
+ border-bottom: 1px solid rgb(238, 238, 238);
1201
+ border-left: 1px solid rgb(238, 238, 238);
1202
+ padding: 24px 24px 40px;
1203
+ }
1204
+
1205
+ .success-greeting {
1206
+ display: flex;
1207
+ justify-content: center;
1208
+ align-items: center;
1209
+ margin-right: 15px;
1210
+ width: 100%;
1211
+ }
1212
+
1213
+ .success-greeting p {
1214
+ margin-bottom: 0px;
1215
+ padding: 0;
1216
+ }
1217
+
1218
+ .success-msg-cont {
1219
+ padding: 24px 30px;
1220
+ display: flex;
1221
+ justify-content: space-between;
1222
+ flex-direction: column;
1223
+ }
1224
+
1225
+ .success-msg {
1226
+ color: rgb(26, 26, 26);
1227
+ font-size: 20px;
1228
+ font-weight: 600;
1229
+ padding: 24px 0px;
1230
+ }
1231
+
1232
+ .success-msg-cont button {
1233
+ border: none;
1234
+ width: 400px;
1235
+ background: transparent;
1236
+ cursor: pointer;
1237
+ font-size: 17px;
1238
+ margin-right: 4px;
1239
+ display: flex;
1240
+ align-items: center;
1241
+ justify-content: flex-end;
1242
+ margin-left: auto;
1243
+ padding-top: 5px;
1244
+ }
1245
+
1246
+ .success-msg-cont button i {
1247
+ margin-right: 4px;
1248
+ padding-top: 1px;
1249
+ margin-bottom: 0;
1250
+ color: #11304e;
1251
+ }
1252
+
1253
+ .sites-config {
1254
+ padding: 0px 24px;
1255
+ border-top: 1px solid rgb(238, 238, 238);
1256
+ }
1257
+
1258
+ .social-share-section {
1259
+ padding: 0px 24px;
1260
+ border-top: 1px solid rgb(238, 238, 238);
1261
+ }
1262
+
1263
+ .try-more-features {
1264
+ padding: 0px 24px;
1265
+ border-bottom: 1px solid rgb(238, 238, 238);
1266
+ }
1267
+
1268
+ .sites-config {
1269
+ padding: 24px 0px;
1270
+ }
1271
+
1272
+ .social-share-section {
1273
+ padding: 24px 0px;
1274
+ }
1275
+
1276
+ #filename {
1277
+ font-size: 22px;
1278
+ font-weight: 700;
1279
+ }
1280
+
1281
+ .download-social-share a i {
1282
+ font-size: 1.5rem;
1283
+ padding: 0px 10px;
1284
+ margin: 0px 30px;
1285
+ }
1286
+
1287
+ .share-heading {
1288
+ font-size: 17px;
1289
+ font-weight: 700;
1290
+ color: rgb(33, 33, 33);
1291
+ padding: 6px;
1292
+ }
1293
+
1294
+ .sites-config img {
1295
+ height: 27px;
1296
+ }
1297
+
1298
+ .social-share-section,
1299
+ .try-more-features {
1300
+ padding: 0px 24px;
1301
+ border-top: 1px solid rgb(238, 238, 238);
1302
+ }
1303
+
1304
+ .download-social-share {
1305
+ padding: 24px 0px;
1306
+ border-top: 1px solid rgb(238, 238, 238);
1307
+ }
1308
+
1309
+ .sites-config {
1310
+ padding: 24px 0px;
1311
+ }
1312
+
1313
+ .social-share-section {
1314
+ padding: 24px 0px;
1315
+ }
1316
+
1317
+ #filename {
1318
+ font-size: 22px;
1319
+ font-weight: 700;
1320
+ }
1321
+
1322
+ .sites-config a {
1323
+ text-decoration: none;
1324
+ }
1325
+
1326
+ .feature-showcase-div {
1327
+ margin: 0px;
1328
+ padding: 0px;
1329
+ overflow: visible;
1330
+ text-decoration: inherit;
1331
+ display: flex;
1332
+ position: relative;
1333
+ border: 1px solid rgb(232, 232, 232);
1334
+ border-radius: 4px;
1335
+ width: 100%;
1336
+ cursor: pointer;
1337
+ font-weight: 700;
1338
+ font-size: 16px;
1339
+ line-height: 24px;
1340
+ color: rgb(26, 26, 26);
1341
+ user-select: none;
1342
+ outline: none;
1343
+ -webkit-box-align: center;
1344
+ align-items: center;
1345
+ height: 66px;
1346
+ background: rgb(250, 250, 250);
1347
+ }
1348
+
1349
+ .feature-showcase-div:hover {
1350
+ background-color: #fff;
1351
+ }
1352
+
1353
+ .feature-showcase-div img {
1354
+ width: 32px;
1355
+ height: 32px;
1356
+ }
1357
+
1358
+ .feature-showcase-div a {
1359
+ text-decoration: none;
1360
+ }
1361
+
1362
+ .feature-showcase-div i {
1363
+ font-size: 11px;
1364
+ }
1365
+
1366
+ .website-img {
1367
+ height: 38px;
1368
+ }
1369
+
1370
+ .website-wrap {
1371
+ text-align: left;
1372
+ }
1373
+
1374
+ .file-info-h1 {
1375
+ font-family: Helvetica, sans-serif;
1376
+ font-weight: 600;
1377
+ font-size: 1.8rem;
1378
+ margin: 0;
1379
+ margin-bottom: 8px;
1380
+ }
1381
+
1382
+ .file-info-h2 {
1383
+ font-family: Helvetica, sans-serif;
1384
+ font-weight: 600;
1385
+ font-size: 19px;
1386
+ color: #848d95;
1387
+ margin-bottom: 10px;
1388
+ }
1389
+
1390
+ .file-info-item-list {
1391
+ list-style: disc;
1392
+ color: rgb(26, 25, 25);
1393
+ font-family: Helvetica;
1394
+ font-size: 17.4px;
1395
+ line-height: 32px;
1396
+ padding: 0;
1397
+ }
1398
+
1399
+ .file-info-img {
1400
+ height: 500px;
1401
+ width: 100%;
1402
+ }
1403
+
1404
+ .info-title {
1405
+ font-weight: 600;
1406
+ }
1407
+
1408
+ .sticky-div-file-info {
1409
+ position: sticky;
1410
+ top: 0%;
1411
+ }
1412
+
1413
+ ol li::marker {
1414
+ font-size: 25px;
1415
+ }
1416
+
1417
+ .drop-down-btn {
1418
+ cursor: pointer;
1419
+ outline: 0px;
1420
+ border: 0px;
1421
+ width: auto;
1422
+ overflow: visible;
1423
+ display: flex;
1424
+ -webkit-box-align: center;
1425
+ align-items: center;
1426
+ background-color: transparent;
1427
+ transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
1428
+ font-weight: 400;
1429
+ font-size: 16px;
1430
+ line-height: 24px;
1431
+ color: rgb(26, 26, 26);
1432
+ }
1433
+
1434
+ .drop-down-btn svg {
1435
+ height: 22px;
1436
+ }
1437
+
1438
+ .language-drop-down-menu {
1439
+ display: flex;
1440
+ justify-content: space-between;
1441
+ margin: 0;
1442
+ padding: 0;
1443
+ flex-wrap: wrap;
1444
+ }
1445
+
1446
+ .language-drop-down-item {
1447
+ width: 50%;
1448
+ padding: 10px 12px 0px 0px;
1449
+ text-align: center;
1450
+ font-size: 15px;
1451
+ margin-bottom: 0;
1452
+ }
1453
+
1454
+ .language-drop-down-item a {
1455
+ display: flex;
1456
+ width: 100%;
1457
+ align-items: center;
1458
+ padding: 9px 9px;
1459
+ border-bottom: 1px solid rgb(224, 224, 224);
1460
+ }
1461
+
1462
+ .language-drop-down-item a:hover {
1463
+ background: rgb(238, 238, 238);
1464
+ border-radius: 3px;
1465
+ }
1466
+
1467
+ .language-drop-down-item a i {
1468
+ margin: 0;
1469
+ }
1470
+
1471
+ .active-lang {
1472
+ background: rgb(238, 238, 238);
1473
+ border-radius: 3px;
1474
+ }
1475
+
1476
+ .row .col-md-9 p {
1477
+ text-align: left;
1478
+ }
1479
+
1480
+ #header {
1481
+ display: block;
1482
+ position: sticky;
1483
+ top: 0;
1484
+ z-index: 10;
1485
+ background: #fff;
1486
+ border-bottom: 1px solid #ccc;
1487
+ }
1488
+
1489
+ .navbar {
1490
+ padding: 1rem 9% !important;
1491
+ }
1492
+
1493
+ .catPad div {
1494
+ margin: 0 0 20px !important;
1495
+ }
1496
+
1497
+ .upload-redirect {
1498
+ padding: 13px 1.5em 14px 1.5em;
1499
+ color: #fff;
1500
+ background-color: #5c5ce0;
1501
+ border-color: #5c5ce0;
1502
+ border-radius: 27px;
1503
+ font-size: 18px;
1504
+ font-weight: 600;
1505
+ border: none;
1506
+ }
1507
+
1508
+ #left-section {
1509
+ display: flex;
1510
+ flex-direction: column;
1511
+ align-items: baseline;
1512
+ justify-content: center;
1513
+ }
1514
+
1515
+ .right-section img {
1516
+ width: 90%;
1517
+ }
1518
+
1519
+ #left-section h1,
1520
+ #left-section h2 {
1521
+ text-align: left;
1522
+ width: 100%;
1523
+ }
1524
+
1525
+ .video-h1,
1526
+ .audio-h1 {
1527
+ font-weight: 600;
1528
+ font-size: 53px;
1529
+ }
1530
+
1531
+ .video-h2,
1532
+ .audio-h2 {
1533
+ font-size: 22px;
1534
+ }
1535
+
1536
+ .toaster {
1537
+ top: 15px;
1538
+ padding: 12px 20px;
1539
+ color: #fff;
1540
+ display: inline-block;
1541
+ box-shadow: 0 3px 6px -1px rgb(0 0 0 / 12%),
1542
+ 0 10px 36px -4px rgb(77 96 232 / 30%);
1543
+ background: linear-gradient(to right, rgb(221, 36, 118), rgb(255, 81, 47));
1544
+ position: fixed;
1545
+ transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
1546
+ border-radius: 2px;
1547
+ right: 15px;
1548
+ cursor: pointer;
1549
+ text-decoration: none;
1550
+ max-width: calc(50% - 20px);
1551
+ z-index: 2147483647;
1552
+ }
1553
+ .appscms-sidebar-right,
1554
+ .appscms-sidebar-left {
1555
+ min-width: 220px;
1556
+ max-width: fit-content;
1557
+ height: 100vh;
1558
+ min-height: 300px;
1559
+ max-height: fit-content;
1560
+ top: 72px;
1561
+ position: absolute;
1562
+ }
1563
+ .appscms-sidebar-left {
1564
+ left: 80px;
1565
+ }
1566
+ .appscms-sidebar-right {
1567
+ right: 80px;
1568
+ }
1569
+ .hamburger-menu {
1570
+ cursor: pointer;
1571
+ display: none;
1572
+ z-index: 999;
1573
+ margin-left: auto;
1574
+ width: 20px;
1575
+ }
1576
+ @media (max-width: 992px) {
1577
+ .hamburger-menu {
1578
+ display: block;
1579
+ }
1580
+ }
1581
+ @media (max-width: 992px) {
1582
+ .sticky-top-group .hamburger-menu {
1583
+ margin-left: 12px;
1584
+ }
1585
+ }
1586
+
1587
+ .hamburger-menu span {
1588
+ background: #525658;
1589
+ width: 17px;
1590
+ height: 1.5px;
1591
+ display: block;
1592
+ margin: 3.5px 0;
1593
+ border-radius: 50%;
1594
+ -webkit-transition: all 0.3s ease;
1595
+ -o-transition: all 0.3s ease;
1596
+ transition: all 0.3s ease;
1597
+ border-radius: 5px;
1598
+ }
1599
+ /* infographics csss */
1600
+ .infographics_section {
1601
+ width: 100%;
1602
+ padding: 50px 0px 50px 0px;
1603
+ border-top: 1px solid rgb(224, 224, 224);
1604
+ }
1605
+
1606
+ .infographics_section .infographics-desc {
1607
+ position: absolute;
1608
+ color: #000;
1609
+ bottom: 0;
1610
+ }
1611
+
1612
+ .infographics_section .slider {
1613
+ position: relative;
1614
+ max-width: 40rem;
1615
+ height: 26.625rem;
1616
+ margin: 0 auto;
1617
+ overflow: hidden;
1618
+ }
1619
+
1620
+ .infographics_section .slide {
1621
+ position: absolute;
1622
+ top: 0;
1623
+ width: 100%;
1624
+ height: 26.625rem;
1625
+ display: flex;
1626
+ align-items: center;
1627
+ justify-content: center;
1628
+ transition: transform 1s;
1629
+ }
1630
+
1631
+ .infographics_section .slide img {
1632
+ width: 200px;
1633
+ height: 100%;
1634
+ /* object-fit: contain; */
1635
+ }
1636
+
1637
+ .infographics_section button {
1638
+ background: none;
1639
+ border: none;
1640
+ }
1641
+
1642
+ .infographics_section button .fas {
1643
+ color: #000;
1644
+ }
1645
+
1646
+ .infographics_section .btn-slide {
1647
+ position: absolute;
1648
+ top: 50%;
1649
+ z-index: 10;
1650
+
1651
+ height: 5.5rem;
1652
+ width: 5.5rem;
1653
+ cursor: pointer;
1654
+ }
1655
+
1656
+ .infographics_section .prev {
1657
+ left: 3rem;
1658
+ transform: translate(-50%, -50%);
1659
+ }
1660
+
1661
+ .infographics_section .next {
1662
+ right: 3rem;
1663
+ transform: translate(50%, -50%);
1664
+ }
1665
+
1666
+ .infographics_section .dots-container {
1667
+ display: flex;
1668
+ justify-content: center;
1669
+ align-items: center;
1670
+ position: relative;
1671
+ }
1672
+
1673
+ .infographics_section .dot {
1674
+ width: 25px;
1675
+ height: 5px;
1676
+ margin: 15px 5px;
1677
+ border-radius: 0.5rem;
1678
+ background: rgba(39, 39, 39, 0.5);
1679
+ cursor: pointer;
1680
+ }
1681
+
1682
+ .infographics_section .dot.active {
1683
+ background: #272727;
1684
+ }
1685
+
1686
+ @media screen and (min-width: 1450px) {
1687
+ .appscms-sidebar-left {
1688
+ left: 200px !important;
1689
+ }
1690
+ .appscms-sidebar-right {
1691
+ right: 200px !important;
1692
+ }
1693
+ }
1694
+ @media screen and (min-width: 1920px) {
1695
+ .feature-card-title,
1696
+ .faq-question {
1697
+ font-size: 22px;
1698
+ }
1699
+ .feature-card-desc,
1700
+ .how-to-list-item,
1701
+ .faq-answer {
1702
+ font-size: 18px;
1703
+ }
1704
+ .appscms-sidebar-left {
1705
+ left: 300px !important;
1706
+ }
1707
+ .appscms-sidebar-right {
1708
+ right: 300px !important;
1709
+ }
1710
+ }
1711
+ .shareModal {
1712
+ display: none;
1713
+ position: fixed;
1714
+ z-index: 100000000000;
1715
+ left: 0;
1716
+ top: 0;
1717
+ width: 100%;
1718
+ height: 100%;
1719
+ overflow: auto;
1720
+ background-color: rgba(0, 0, 0, 0.5);
1721
+ }
1722
+
1723
+ .shareModal .share-modal-content {
1724
+ background-color: #fefefe;
1725
+ margin: 15% auto;
1726
+ padding: 20px;
1727
+ /* border: 1px solid #888; */
1728
+ width: 70%;
1729
+ height: 200px;
1730
+ text-align: center;
1731
+ }
1732
+
1733
+ .shareModal .close-share-modal {
1734
+ color: #aaa;
1735
+ float: right;
1736
+ display: none;
1737
+ font-size: 28px;
1738
+ font-weight: bold;
1739
+ }
1740
+ .shareModal h5 {
1741
+ color: #000;
1742
+ padding-top: 10px;
1743
+ font-weight: 700;
1744
+ }
1745
+ .shareModal .close-share-modal:hover,
1746
+ .shareModal .close-share-modal:focus {
1747
+ color: black;
1748
+ text-decoration: none;
1749
+ cursor: pointer;
1750
+ }
1751
+
1752
+ .share-modal-social {
1753
+ display: flex;
1754
+ gap: 30px;
1755
+ height: 100%;
1756
+ padding-bottom: 60px;
1757
+ align-items: center;
1758
+ justify-content: center;
1759
+ }
1760
+ .share-modal-social a {
1761
+ color: #000;
1762
+ }
1763
+ .share-modal-social a i {
1764
+ font-size: 30px;
1765
+ }
1766
+ .authors-list {
1767
+ border-top: 1px solid rgb(224, 224, 224);
1768
+ margin-top: 100px;
1769
+ padding: 100px;
1770
+ }
1771
+
1772
+ .featurePageAuthor {
1773
+ display: flex;
1774
+ flex-direction: column;
1775
+ width: 100%;
1776
+ justify-content: center;
1777
+ }
1778
+
1779
+ .featurePageAuthor .author-meta {
1780
+ width: 500px;
1781
+ margin: 0 auto;
1782
+ padding-bottom: 5rem;
1783
+ }
1784
+
1785
+ .featurePageAuthor .author-meta .authorName {
1786
+ font-size: 20px;
1787
+ padding: 1rem 0px;
1788
+ font-weight: 900;
1789
+ }
1790
+
1791
+ .featurePageAuthor .author-img {
1792
+ width: 100px;
1793
+ height: 100px;
1794
+ border-radius: 100%;
1795
+ }
1796
+
1797
+ .featurePageAuthor .author_bio {
1798
+ font-size: 16px;
1799
+ }
1800
+
1801
+ @media (max-width: 768px) {
1802
+ .authors-list {
1803
+ padding: 25px;
1804
+ }
1805
+
1806
+ .featurePageAuthor .author-meta {
1807
+ width: 100%;
1808
+ }
1809
+ }
1810
+ .contributor {
1811
+ width: 100px;
1812
+ }
1813
+ .contributor .contributor-name {
1814
+ font-size: 13px;
1815
+ margin-top: 8px;
1816
+ text-transform: capitalize;
1817
+ }