appscms-tools-theme 4.8.3 → 4.8.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (145) hide show
  1. checksums.yaml +4 -4
  2. data/_data/.DS_Store +0 -0
  3. data/_data/about/en/about.json +16 -16
  4. data/_data/blog/nav.json +14 -14
  5. data/_data/blog/relatedblogs.json +2816 -2816
  6. data/_data/feature/en/batch-conversion.json +192 -192
  7. data/_data/feature/en/compress-pdf.json +223 -223
  8. data/_data/feature/en/devtools.json +321 -321
  9. data/_data/feature/en/face-detection.json +156 -156
  10. data/_data/feature/en/split-pdf.json +221 -221
  11. data/_data/feature/en/theframe.json +160 -160
  12. data/_data/footer/en/data.json +264 -264
  13. data/_data/header/en/data.json +672 -672
  14. data/_data/home/en/en.json +250 -250
  15. data/_data/home/en/posters.json +322 -322
  16. data/_data/home-1/en/en.json +236 -236
  17. data/_data/noindexURLs.json +23 -0
  18. data/_includes/.DS_Store +0 -0
  19. data/_includes/alternates/alternates.html +64 -89
  20. data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
  21. data/_includes/appscms/customblog/pageRelatedPosts.html +68 -68
  22. data/_includes/appscms/customblog/recentposts.html +67 -67
  23. data/_includes/appscms/customblog/relatedBlogs.html +82 -82
  24. data/_includes/appscms/customblog/relatedposts.html +193 -193
  25. data/_includes/appscms/extras/appscms-postbox.html +57 -57
  26. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
  27. data/_includes/appscms/head/bloghead.html +128 -128
  28. data/_includes/appscms/headings/contenttool-headings.html +33 -33
  29. data/_includes/appscms/headings/devtool-headings.html +38 -38
  30. data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
  31. data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
  32. data/_includes/appscms/infographics/infographics.html +241 -32
  33. data/_includes/appscms/loaders/loader.html +4 -4
  34. data/_includes/appscms/navbars/devtool-navbar.html +50 -50
  35. data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
  36. data/_includes/appscms/navbars/navbar.html +129 -75
  37. data/_includes/appscms/navbars/toolbar.html +326 -139
  38. data/_includes/appscms/recent-posts/recent_posts.html +90 -90
  39. data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
  40. data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
  41. data/_includes/appscms/usp/usp.html +90 -90
  42. data/_includes/author_bio.html +41 -41
  43. data/_includes/authorpagehead/index.html +47 -47
  44. data/_includes/authors/authors.html +39 -39
  45. data/_includes/batch-conversion.html +141 -141
  46. data/_includes/bookmark.html +6 -6
  47. data/_includes/cssfile/links.html +54 -54
  48. data/_includes/custom-head.html +138 -138
  49. data/_includes/customCode.html +1 -1
  50. data/_includes/customScripts.html +1 -1
  51. data/_includes/customblog/pageRelatedPosts.html +87 -87
  52. data/_includes/customblog/recentposts.html +67 -67
  53. data/_includes/customblog/relatedBlogs.html +86 -86
  54. data/_includes/customblog/relatedposts.html +201 -201
  55. data/_includes/dropdown/langdropdown.html +32 -32
  56. data/_includes/feature.html +39 -39
  57. data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
  58. data/_includes/footer/index.html +537 -537
  59. data/_includes/google-analytics.html +32 -32
  60. data/_includes/head/index.html +627 -627
  61. data/_includes/header/blogHeader.html +34 -34
  62. data/_includes/header/index.html +152 -152
  63. data/_includes/infographics/infographics.html +244 -244
  64. data/_includes/internationalization-section.html +64 -47
  65. data/_includes/paginationBlogPage.html +70 -70
  66. data/_includes/postbox.html +65 -65
  67. data/_includes/script.html +493 -493
  68. data/_includes/section/count.html +32 -32
  69. data/_includes/section/recent_posts.html +94 -94
  70. data/_includes/section/related_categories_post.html +196 -196
  71. data/_includes/share/socialshare.html +21 -21
  72. data/_includes/userTracking.html +14 -14
  73. data/_layouts/aboutUs.html +175 -175
  74. data/_layouts/allAuthors.html +131 -131
  75. data/_layouts/appscms-about.html +163 -163
  76. data/_layouts/appscms-audio.html +33 -33
  77. data/_layouts/appscms-author.html +436 -436
  78. data/_layouts/appscms-authors.html +145 -145
  79. data/_layouts/appscms-batch.html +141 -141
  80. data/_layouts/appscms-calculator.html +93 -93
  81. data/_layouts/appscms-categories.html +26 -26
  82. data/_layouts/appscms-contact.html +132 -132
  83. data/_layouts/appscms-disclaimer.html +124 -124
  84. data/_layouts/appscms-download.html +289 -289
  85. data/_layouts/appscms-feature-result.html +96 -96
  86. data/_layouts/appscms-help.html +25 -25
  87. data/_layouts/appscms-imagekit.html +96 -96
  88. data/_layouts/appscms-post.html +243 -243
  89. data/_layouts/appscms-privacy-policy.html +781 -781
  90. data/_layouts/appscms-terms-and-conditions.html +646 -646
  91. data/_layouts/appscms-video.html +33 -33
  92. data/_layouts/audio.html +33 -33
  93. data/_layouts/author.html +409 -409
  94. data/_layouts/batch.html +177 -177
  95. data/_layouts/blog-1.html +116 -116
  96. data/_layouts/blog.html +131 -131
  97. data/_layouts/calculator.html +99 -99
  98. data/_layouts/contenttool-feature.html +42 -42
  99. data/_layouts/contenttool-home.html +53 -53
  100. data/_layouts/devtool-blog.html +132 -132
  101. data/_layouts/devtool-feature.html +54 -54
  102. data/_layouts/devtool-home.html +53 -53
  103. data/_layouts/devtools.html +57 -57
  104. data/_layouts/feature-1.html +285 -285
  105. data/_layouts/feature.html +351 -351
  106. data/_layouts/featureResultPage.html +82 -82
  107. data/_layouts/frame.html +222 -222
  108. data/_layouts/home-1.html +186 -186
  109. data/_layouts/home.html +375 -375
  110. data/_layouts/homeResultPage.html +32 -32
  111. data/_layouts/imagekit.html +308 -308
  112. data/_layouts/photo-effects-home.html +190 -190
  113. data/_layouts/post.html +233 -233
  114. data/assets/.DS_Store +0 -0
  115. data/assets/app.js +75 -75
  116. data/assets/css/appscms-blog.css +505 -505
  117. data/assets/css/appscms-contenttool.css +1384 -1384
  118. data/assets/css/appscms-home.css +5 -5
  119. data/assets/css/appscms-imagekit.css +855 -855
  120. data/assets/css/appscms-theme.css +11 -251
  121. data/assets/css/appscms-variables.css +24 -24
  122. data/assets/css/blog.css +510 -510
  123. data/assets/css/calculators.css +46 -46
  124. data/assets/css/common.css +944 -944
  125. data/assets/css/devtool-main.css +1350 -1350
  126. data/assets/css/devtools.css +105 -105
  127. data/assets/css/feature-1.css +293 -293
  128. data/assets/css/home-1.css +188 -188
  129. data/assets/css/imagekit copy.css +848 -848
  130. data/assets/css/imagekit.css +848 -848
  131. data/assets/css/tools.css +1846 -1846
  132. data/assets/images/close-button.svg +31 -31
  133. data/assets/images/digipaint.svg +6 -6
  134. data/assets/images/iconn.svg +12 -12
  135. data/assets/images/logo.svg +2 -2
  136. data/assets/images/manthink.svg +3552 -3552
  137. data/assets/images/search-icon.svg +2 -2
  138. data/assets/js/appscms-infographics.js +49 -49
  139. data/assets/js/batch.js +219 -219
  140. data/assets/js/devtools.js +81 -81
  141. data/assets/js/sharePage.js +65 -65
  142. data/assets/js/usageTracking.js +143 -143
  143. data/assets/js/usageTrackingEvents.js +6 -6
  144. data/assets/js/webvitals.js +4 -4
  145. metadata +5 -3
data/assets/css/tools.css CHANGED
@@ -1,1846 +1,1846 @@
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: 17px !important;
150
- }
151
-
152
- .feature-h2,
153
- .home-top-h2,
154
- .how-to-title {
155
- font-size: 15px !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
- .how-to-video-wrapper {
872
- height: 100%;
873
- display: flex;
874
- align-items: center;
875
- justify-content: center;
876
- }
877
-
878
- .how-to-video .youtube-play-btn-wrapper {
879
- position: absolute;
880
- top: 0%;
881
- left: -17px;
882
- display: flex;
883
- text-align: center;
884
- width: 100%;
885
- justify-content: center;
886
- align-items: center;
887
- height: 100%;
888
- }
889
-
890
- .youtube-play-btn-wrapper .play-btn {
891
- font-size: 28px;
892
- width: 68px;
893
- background-color: red;
894
- border: none;
895
- border-radius: 15px;
896
- }
897
-
898
- @media (max-width: 768px) {
899
- .how-to-video-wrapper .youtubeVideoPlayer {
900
- width: 100%;
901
- }
902
- .catPad {
903
- padding: 0;
904
- }
905
-
906
- .social-icons {
907
- left: 0;
908
- bottom: 0 !important;
909
- top: auto;
910
- font-size: 25px;
911
- width: 100%;
912
- height: 60px;
913
- display: flex;
914
- margin: 0 !important;
915
- flex-direction: row;
916
- justify-content: space-evenly;
917
- line-height: 100px;
918
- }
919
- }
920
-
921
- .social-icon {
922
- margin: 0 !important;
923
- color: gray;
924
- font-size: 1.6rem;
925
- }
926
-
927
- .social-icon:hover {
928
- color: black;
929
- }
930
-
931
- .home-features {
932
- display: -webkit-box;
933
- display: -webkit-flex;
934
- display: -ms-flexbox;
935
- display: flex;
936
- -webkit-flex-wrap: wrap;
937
- -ms-flex-wrap: wrap;
938
- flex-wrap: wrap;
939
- list-style: none;
940
- margin: 0;
941
- padding: 0 0 90px 0;
942
- }
943
-
944
- .home-feature-box {
945
- position: relative;
946
- color: white;
947
- margin: 0;
948
- transition: 0.2s linear;
949
- border: 1px solid white;
950
- }
951
-
952
- .home-feature-box:hover {
953
- transform: translateY(-17px);
954
- }
955
-
956
- @media (min-width: 0px) and (max-width: 767px) {
957
- .home-feature-box {
958
- width: 100%;
959
- height: 114px;
960
- }
961
- }
962
-
963
- @media (min-width: 768px) and (max-width: 991px) {
964
- .home-feature-box {
965
- width: 25%;
966
- height: 180px;
967
- }
968
- }
969
-
970
- @media (min-width: 992px) {
971
- .home-feature-box {
972
- width: 20%;
973
- height: 180px;
974
- }
975
- }
976
-
977
- .home-feature-name {
978
- line-height: 24px;
979
- font-size: 16px;
980
- font-stretch: 400;
981
- font-weight: 700;
982
- color: #fff;
983
- text-overflow: ellipsis;
984
- white-space: nowrap;
985
- overflow: hidden;
986
- position: absolute;
987
- top: 0;
988
- right: 0;
989
- bottom: 0;
990
- left: 0;
991
- transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
992
- }
993
-
994
- .home-feature-name:hover {
995
- box-shadow: 0px 0px 24px rgba(26, 26, 26, 0.2);
996
- z-index: 1;
997
- color: currentColor;
998
- text-decoration: none;
999
- }
1000
-
1001
- @media (max-width: 767px) {
1002
- .home-feature-name {
1003
- padding: 12px 12px 12px 60px;
1004
- }
1005
- }
1006
-
1007
- @media (min-width: 768px) {
1008
- .home-feature-name {
1009
- padding: 60px 12px 12px 12px;
1010
- }
1011
- }
1012
-
1013
- .home-inner-box {
1014
- position: absolute;
1015
- padding: 12px;
1016
- }
1017
-
1018
- .div-cont {
1019
- display: -webkit-box;
1020
- display: -webkit-flex;
1021
- display: -ms-flexbox;
1022
- display: flex;
1023
- /* overflow: hidden; */
1024
- }
1025
-
1026
- .div-cont > svg {
1027
- display: -webkit-box;
1028
- display: -webkit-flex;
1029
- display: -ms-flexbox;
1030
- display: flex;
1031
- -webkit-flex: 1 1 auto;
1032
- -ms-flex: 1 1 auto;
1033
- flex: 1 1 auto;
1034
- }
1035
-
1036
- .div-cont > svg > * {
1037
- fill: currentColor;
1038
- }
1039
-
1040
- .mega-menu::first-line {
1041
- color: gray !important;
1042
- font-weight: 600;
1043
- }
1044
-
1045
- .lang-dropdown {
1046
- position: fixed;
1047
- right: 30px;
1048
- top: 20px;
1049
- z-index: 999;
1050
- }
1051
-
1052
- @media (max-width: 994px) {
1053
- .lang-dropdown {
1054
- top: 75px;
1055
- z-index: 5;
1056
- right: 4px;
1057
- position: absolute;
1058
- }
1059
-
1060
- .lang-dropdown .lang-dropdown-btn {
1061
- position: absolute;
1062
- right: 0;
1063
- }
1064
-
1065
- .drop-down-wrapper {
1066
- overflow-y: unset !important;
1067
- }
1068
- }
1069
-
1070
- .drop-down-wrapper {
1071
- height: fit-content !important;
1072
- }
1073
-
1074
- .lang-dropdown-item {
1075
- width: 100%;
1076
- display: block;
1077
- text-align: center;
1078
- text-decoration: none !important;
1079
- }
1080
-
1081
- .rating-tool {
1082
- width: 100%;
1083
- display: flex;
1084
- justify-content: center;
1085
- align-items: center;
1086
- padding: 20px 0px 20px 0px;
1087
- border-top: 1px solid rgb(221, 221, 221);
1088
- }
1089
-
1090
- .rating-text {
1091
- font-size: 17px;
1092
- font-weight: 700;
1093
- color: rgb(33, 33, 33);
1094
- padding: 6px;
1095
- }
1096
-
1097
- .rating-stars {
1098
- color: #9d9d9d !important;
1099
- padding-top: 17px;
1100
- display: flex;
1101
- align-items: center;
1102
- }
1103
-
1104
- .rating-stars i {
1105
- padding: 5px;
1106
- font-size: 17px;
1107
- }
1108
-
1109
- .rating-value {
1110
- line-height: 24px;
1111
- font-size: 16px;
1112
- font-family: Arial, sans-serif;
1113
- -webkit-font-smoothing: antialiased;
1114
- font-weight: 400;
1115
- color: rgb(33, 33, 33);
1116
- padding: 6px;
1117
- }
1118
-
1119
- .related_post_heading {
1120
- width: 100%;
1121
- font-size: 46px;
1122
- text-align: center;
1123
- font-weight: 800;
1124
- font-stretch: normal;
1125
- font-style: normal;
1126
- line-height: 1.24;
1127
- letter-spacing: normal;
1128
- color: rgb(17, 48, 78);
1129
- margin-bottom: 45px;
1130
- padding-top: 75px;
1131
- display: inline-block;
1132
- }
1133
-
1134
- .card-footer {
1135
- border: none;
1136
- }
1137
-
1138
- .wrapfooter {
1139
- display: flex;
1140
- align-items: center;
1141
- margin-bottom: 15px;
1142
- }
1143
-
1144
- .wrapfooter img {
1145
- width: 35px;
1146
- height: 35px;
1147
- border-radius: 50%;
1148
- }
1149
-
1150
- .wrapfooter .author-meta {
1151
- padding: 0 15px;
1152
- }
1153
-
1154
- .wrapfooter .author-meta a {
1155
- font-size: 15px;
1156
- color: #000;
1157
- text-transform: capitalize;
1158
- }
1159
-
1160
- .wrapfooter .post-read-more {
1161
- flex: 50;
1162
- text-align: right;
1163
- }
1164
-
1165
- .post-date {
1166
- font-size: 13px;
1167
- display: block;
1168
- text-align: left;
1169
- }
1170
-
1171
- .social-count {
1172
- background: #d60000;
1173
- color: #fff;
1174
- position: absolute;
1175
- height: 16px;
1176
- width: 16px;
1177
- display: inline-flex;
1178
- align-items: center;
1179
- justify-content: center;
1180
- text-align: center;
1181
- font-size: 12px;
1182
- font-weight: 700;
1183
- right: 1px;
1184
- border-radius: 50%;
1185
- margin-top: 1px;
1186
- padding: 9px;
1187
- }
1188
-
1189
- .file-detail-table th,
1190
- .file-detail-table td {
1191
- border: none !important;
1192
- }
1193
-
1194
- .softwares-section img {
1195
- height: 32px !important;
1196
- width: 32px !important;
1197
- }
1198
-
1199
- .software-name {
1200
- color: #1565c0 !important;
1201
- font-size: 1.1rem;
1202
- margin-top: -4px;
1203
- margin-left: 4px;
1204
- }
1205
-
1206
- .software-value {
1207
- font-size: 0.7rem;
1208
- margin-left: 4px;
1209
- color: #6d6d6d;
1210
- margin-top: -3px;
1211
- }
1212
-
1213
- #rating-img {
1214
- height: 1px;
1215
- width: 1px;
1216
- filter: brightness();
1217
- filter: brightness(100);
1218
- }
1219
-
1220
- .download-section {
1221
- box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px inset;
1222
- margin-top: 5px;
1223
- }
1224
-
1225
- .download-btn-container {
1226
- border-bottom: 1px solid rgb(238, 238, 238);
1227
- border-left: 1px solid rgb(238, 238, 238);
1228
- padding: 24px 24px 40px;
1229
- }
1230
-
1231
- .success-greeting {
1232
- display: flex;
1233
- justify-content: center;
1234
- align-items: center;
1235
- margin-right: 15px;
1236
- width: 100%;
1237
- }
1238
-
1239
- .success-greeting p {
1240
- margin-bottom: 0px;
1241
- padding: 0;
1242
- }
1243
-
1244
- .success-msg-cont {
1245
- padding: 24px 30px;
1246
- display: flex;
1247
- justify-content: space-between;
1248
- flex-direction: column;
1249
- }
1250
-
1251
- .success-msg {
1252
- color: rgb(26, 26, 26);
1253
- font-size: 20px;
1254
- font-weight: 600;
1255
- padding: 24px 0px;
1256
- }
1257
-
1258
- .success-msg-cont button {
1259
- border: none;
1260
- width: 400px;
1261
- background: transparent;
1262
- cursor: pointer;
1263
- font-size: 17px;
1264
- margin-right: 4px;
1265
- display: flex;
1266
- align-items: center;
1267
- justify-content: flex-end;
1268
- margin-left: auto;
1269
- padding-top: 5px;
1270
- }
1271
-
1272
- .success-msg-cont button i {
1273
- margin-right: 4px;
1274
- padding-top: 1px;
1275
- margin-bottom: 0;
1276
- color: #11304e;
1277
- }
1278
-
1279
- .sites-config {
1280
- padding: 0px 24px;
1281
- border-top: 1px solid rgb(238, 238, 238);
1282
- }
1283
-
1284
- .social-share-section {
1285
- padding: 0px 24px;
1286
- border-top: 1px solid rgb(238, 238, 238);
1287
- }
1288
-
1289
- .try-more-features {
1290
- padding: 0px 24px;
1291
- border-bottom: 1px solid rgb(238, 238, 238);
1292
- }
1293
-
1294
- .sites-config {
1295
- padding: 24px 0px;
1296
- }
1297
-
1298
- .social-share-section {
1299
- padding: 24px 0px;
1300
- }
1301
-
1302
- #filename {
1303
- font-size: 22px;
1304
- font-weight: 700;
1305
- }
1306
-
1307
- .download-social-share a i {
1308
- font-size: 1.5rem;
1309
- padding: 0px 10px;
1310
- margin: 0px 30px;
1311
- }
1312
-
1313
- .share-heading {
1314
- font-size: 17px;
1315
- font-weight: 700;
1316
- color: rgb(33, 33, 33);
1317
- padding: 6px;
1318
- }
1319
-
1320
- .sites-config img {
1321
- height: 27px;
1322
- }
1323
-
1324
- .social-share-section,
1325
- .try-more-features {
1326
- padding: 0px 24px;
1327
- border-top: 1px solid rgb(238, 238, 238);
1328
- }
1329
-
1330
- .download-social-share {
1331
- padding: 24px 0px;
1332
- border-top: 1px solid rgb(238, 238, 238);
1333
- }
1334
-
1335
- .sites-config {
1336
- padding: 24px 0px;
1337
- }
1338
-
1339
- .social-share-section {
1340
- padding: 24px 0px;
1341
- }
1342
-
1343
- #filename {
1344
- font-size: 22px;
1345
- font-weight: 700;
1346
- }
1347
-
1348
- .sites-config a {
1349
- text-decoration: none;
1350
- }
1351
-
1352
- .feature-showcase-div {
1353
- margin: 0px;
1354
- padding: 0px;
1355
- overflow: visible;
1356
- text-decoration: inherit;
1357
- display: flex;
1358
- position: relative;
1359
- border: 1px solid rgb(232, 232, 232);
1360
- border-radius: 4px;
1361
- width: 100%;
1362
- cursor: pointer;
1363
- font-weight: 700;
1364
- font-size: 16px;
1365
- line-height: 24px;
1366
- color: rgb(26, 26, 26);
1367
- user-select: none;
1368
- outline: none;
1369
- -webkit-box-align: center;
1370
- align-items: center;
1371
- height: 66px;
1372
- background: rgb(250, 250, 250);
1373
- }
1374
-
1375
- .feature-showcase-div:hover {
1376
- background-color: #fff;
1377
- }
1378
-
1379
- .feature-showcase-div img {
1380
- width: 32px;
1381
- height: 32px;
1382
- }
1383
-
1384
- .feature-showcase-div a {
1385
- text-decoration: none;
1386
- }
1387
-
1388
- .feature-showcase-div i {
1389
- font-size: 11px;
1390
- }
1391
-
1392
- .website-img {
1393
- height: 38px;
1394
- }
1395
-
1396
- .website-wrap {
1397
- text-align: left;
1398
- }
1399
-
1400
- .file-info-h1 {
1401
- font-family: Helvetica, sans-serif;
1402
- font-weight: 600;
1403
- font-size: 1.8rem;
1404
- margin: 0;
1405
- margin-bottom: 8px;
1406
- }
1407
-
1408
- .file-info-h2 {
1409
- font-family: Helvetica, sans-serif;
1410
- font-weight: 600;
1411
- font-size: 19px;
1412
- color: #848d95;
1413
- margin-bottom: 10px;
1414
- }
1415
-
1416
- .file-info-item-list {
1417
- list-style: disc;
1418
- color: rgb(26, 25, 25);
1419
- font-family: Helvetica;
1420
- font-size: 17.4px;
1421
- line-height: 32px;
1422
- padding: 0;
1423
- }
1424
-
1425
- .file-info-img {
1426
- height: 500px;
1427
- width: 100%;
1428
- }
1429
-
1430
- .info-title {
1431
- font-weight: 600;
1432
- }
1433
-
1434
- .sticky-div-file-info {
1435
- position: sticky;
1436
- top: 0%;
1437
- }
1438
-
1439
- ol li::marker {
1440
- font-size: 25px;
1441
- }
1442
-
1443
- .drop-down-btn {
1444
- cursor: pointer;
1445
- outline: 0px;
1446
- border: 0px;
1447
- width: auto;
1448
- overflow: visible;
1449
- display: flex;
1450
- -webkit-box-align: center;
1451
- align-items: center;
1452
- background-color: transparent;
1453
- transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
1454
- font-weight: 400;
1455
- font-size: 16px;
1456
- line-height: 24px;
1457
- color: rgb(26, 26, 26);
1458
- }
1459
-
1460
- .drop-down-btn svg {
1461
- height: 22px;
1462
- }
1463
-
1464
- .language-drop-down-menu {
1465
- display: flex;
1466
- justify-content: space-between;
1467
- margin: 0;
1468
- padding: 0;
1469
- flex-wrap: wrap;
1470
- }
1471
-
1472
- .language-drop-down-item {
1473
- width: 50%;
1474
- padding: 10px 12px 0px 0px;
1475
- text-align: center;
1476
- font-size: 15px;
1477
- margin-bottom: 0;
1478
- }
1479
-
1480
- .language-drop-down-item a {
1481
- display: flex;
1482
- width: 100%;
1483
- align-items: center;
1484
- padding: 9px 9px;
1485
- border-bottom: 1px solid rgb(224, 224, 224);
1486
- }
1487
-
1488
- .language-drop-down-item a:hover {
1489
- background: rgb(238, 238, 238);
1490
- border-radius: 3px;
1491
- }
1492
-
1493
- .language-drop-down-item a i {
1494
- margin: 0;
1495
- }
1496
-
1497
- .active-lang {
1498
- background: rgb(238, 238, 238);
1499
- border-radius: 3px;
1500
- }
1501
-
1502
- .row .col-md-9 p {
1503
- text-align: left;
1504
- }
1505
-
1506
- #header {
1507
- display: block;
1508
- position: sticky;
1509
- top: 0;
1510
- z-index: 10;
1511
- background: #fff;
1512
- border-bottom: 1px solid #ccc;
1513
- }
1514
-
1515
- .navbar {
1516
- padding: 1rem 9% !important;
1517
- }
1518
-
1519
- .catPad div {
1520
- margin: 0 0 20px !important;
1521
- }
1522
-
1523
- .upload-redirect {
1524
- padding: 13px 1.5em 14px 1.5em;
1525
- color: #fff;
1526
- background-color: #5c5ce0;
1527
- border-color: #5c5ce0;
1528
- border-radius: 27px;
1529
- font-size: 18px;
1530
- font-weight: 600;
1531
- border: none;
1532
- }
1533
-
1534
- #left-section {
1535
- display: flex;
1536
- flex-direction: column;
1537
- align-items: baseline;
1538
- justify-content: center;
1539
- }
1540
-
1541
- .right-section img {
1542
- width: 90%;
1543
- }
1544
-
1545
- #left-section h1,
1546
- #left-section h2 {
1547
- text-align: left;
1548
- width: 100%;
1549
- }
1550
-
1551
- .video-h1,
1552
- .audio-h1 {
1553
- font-weight: 600;
1554
- font-size: 53px;
1555
- }
1556
-
1557
- .video-h2,
1558
- .audio-h2 {
1559
- font-size: 22px;
1560
- }
1561
-
1562
- .toaster {
1563
- top: 15px;
1564
- padding: 12px 20px;
1565
- color: #fff;
1566
- display: inline-block;
1567
- box-shadow: 0 3px 6px -1px rgb(0 0 0 / 12%),
1568
- 0 10px 36px -4px rgb(77 96 232 / 30%);
1569
- background: linear-gradient(to right, rgb(221, 36, 118), rgb(255, 81, 47));
1570
- position: fixed;
1571
- transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
1572
- border-radius: 2px;
1573
- right: 15px;
1574
- cursor: pointer;
1575
- text-decoration: none;
1576
- max-width: calc(50% - 20px);
1577
- z-index: 2147483647;
1578
- }
1579
- .appscms-sidebar-right,
1580
- .appscms-sidebar-left {
1581
- min-width: 220px;
1582
- max-width: fit-content;
1583
- height: 100vh;
1584
- min-height: 300px;
1585
- max-height: fit-content;
1586
- top: 72px;
1587
- position: absolute;
1588
- }
1589
- .appscms-sidebar-left {
1590
- left: 80px;
1591
- }
1592
- .appscms-sidebar-right {
1593
- right: 80px;
1594
- }
1595
- .hamburger-menu {
1596
- cursor: pointer;
1597
- display: none;
1598
- z-index: 999;
1599
- margin-left: auto;
1600
- width: 20px;
1601
- }
1602
- @media (max-width: 992px) {
1603
- .hamburger-menu {
1604
- display: block;
1605
- }
1606
- }
1607
- @media (max-width: 992px) {
1608
- .sticky-top-group .hamburger-menu {
1609
- margin-left: 12px;
1610
- }
1611
- }
1612
-
1613
- .hamburger-menu span {
1614
- background: #525658;
1615
- width: 17px;
1616
- height: 1.5px;
1617
- display: block;
1618
- margin: 3.5px 0;
1619
- border-radius: 50%;
1620
- -webkit-transition: all 0.3s ease;
1621
- -o-transition: all 0.3s ease;
1622
- transition: all 0.3s ease;
1623
- border-radius: 5px;
1624
- }
1625
- /* infographics csss */
1626
- .infographics_section {
1627
- width: 100%;
1628
- padding: 50px 0px 50px 0px;
1629
- border-top: 1px solid rgb(224, 224, 224);
1630
- }
1631
-
1632
- .infographics_section .infographics-desc {
1633
- position: absolute;
1634
- color: #000;
1635
- bottom: 0;
1636
- }
1637
-
1638
- .infographics_section .slider {
1639
- position: relative;
1640
- max-width: 40rem;
1641
- height: 26.625rem;
1642
- margin: 0 auto;
1643
- overflow: hidden;
1644
- }
1645
-
1646
- .infographics_section .slide {
1647
- position: absolute;
1648
- top: 0;
1649
- width: 100%;
1650
- height: 26.625rem;
1651
- display: flex;
1652
- align-items: center;
1653
- justify-content: center;
1654
- transition: transform 1s;
1655
- }
1656
-
1657
- .infographics_section .slide img {
1658
- width: 200px;
1659
- height: 100%;
1660
- /* object-fit: contain; */
1661
- }
1662
-
1663
- .infographics_section button {
1664
- background: none;
1665
- border: none;
1666
- }
1667
-
1668
- .infographics_section button .fas {
1669
- color: #000;
1670
- }
1671
-
1672
- .infographics_section .btn-slide {
1673
- position: absolute;
1674
- top: 50%;
1675
- z-index: 10;
1676
-
1677
- height: 5.5rem;
1678
- width: 5.5rem;
1679
- cursor: pointer;
1680
- }
1681
-
1682
- .infographics_section .prev {
1683
- left: 3rem;
1684
- transform: translate(-50%, -50%);
1685
- }
1686
-
1687
- .infographics_section .next {
1688
- right: 3rem;
1689
- transform: translate(50%, -50%);
1690
- }
1691
-
1692
- .infographics_section .dots-container {
1693
- display: flex;
1694
- justify-content: center;
1695
- align-items: center;
1696
- position: relative;
1697
- }
1698
-
1699
- .infographics_section .dot {
1700
- width: 25px;
1701
- height: 5px;
1702
- margin: 15px 5px;
1703
- border-radius: 0.5rem;
1704
- background: rgba(39, 39, 39, 0.5);
1705
- cursor: pointer;
1706
- }
1707
-
1708
- .infographics_section .dot.active {
1709
- background: #272727;
1710
- }
1711
-
1712
- @media screen and (min-width: 1450px) {
1713
- .appscms-sidebar-left {
1714
- left: 200px !important;
1715
- }
1716
- .appscms-sidebar-right {
1717
- right: 200px !important;
1718
- }
1719
- }
1720
- @media screen and (min-width: 1920px) {
1721
- .feature-card-title,
1722
- .faq-question {
1723
- font-size: 22px;
1724
- }
1725
- .feature-card-desc,
1726
- .how-to-list-item,
1727
- .faq-answer {
1728
- font-size: 18px;
1729
- }
1730
- .appscms-sidebar-left {
1731
- left: 300px !important;
1732
- }
1733
- .appscms-sidebar-right {
1734
- right: 300px !important;
1735
- }
1736
- }
1737
- .shareModal {
1738
- display: none;
1739
- position: fixed;
1740
- z-index: 100000000000;
1741
- left: 0;
1742
- top: 0;
1743
- width: 100%;
1744
- height: 100%;
1745
- overflow: auto;
1746
- background-color: rgba(0, 0, 0, 0.5);
1747
- }
1748
-
1749
- .shareModal .share-modal-content {
1750
- background-color: #fefefe;
1751
- margin: 15% auto;
1752
- padding: 20px;
1753
- /* border: 1px solid #888; */
1754
- width: 70%;
1755
- height: 200px;
1756
- text-align: center;
1757
- }
1758
-
1759
- .shareModal .close-share-modal {
1760
- color: #aaa;
1761
- float: right;
1762
- display: none;
1763
- font-size: 28px;
1764
- font-weight: bold;
1765
- }
1766
- .shareModal h5 {
1767
- color: #000;
1768
- padding-top: 10px;
1769
- font-weight: 700;
1770
- }
1771
- .shareModal .close-share-modal:hover,
1772
- .shareModal .close-share-modal:focus {
1773
- color: black;
1774
- text-decoration: none;
1775
- cursor: pointer;
1776
- }
1777
-
1778
- .share-modal-social {
1779
- display: flex;
1780
- gap: 30px;
1781
- height: 100%;
1782
- padding-bottom: 60px;
1783
- align-items: center;
1784
- justify-content: center;
1785
- }
1786
- .share-modal-social a {
1787
- color: #000;
1788
- }
1789
- .share-modal-social a i {
1790
- font-size: 30px;
1791
- }
1792
- .authors-list {
1793
- border-top: 1px solid rgb(224, 224, 224);
1794
- margin-top: 100px;
1795
- padding: 100px;
1796
- }
1797
-
1798
- .featurePageAuthor {
1799
- display: flex;
1800
- flex-direction: column;
1801
- width: 100%;
1802
- justify-content: center;
1803
- }
1804
-
1805
- .featurePageAuthor .author-meta {
1806
- width: 500px;
1807
- margin: 0 auto;
1808
- padding-bottom: 5rem;
1809
- }
1810
-
1811
- .featurePageAuthor .author-meta .authorName {
1812
- font-size: 20px;
1813
- padding: 1rem 0px;
1814
- font-weight: 900;
1815
- }
1816
-
1817
- .featurePageAuthor .author-img {
1818
- width: 100px;
1819
- height: 100px;
1820
- border-radius: 100%;
1821
- }
1822
-
1823
- .featurePageAuthor .author_bio {
1824
- font-size: 16px;
1825
- }
1826
-
1827
- @media (max-width: 768px) {
1828
- .authors-list {
1829
- padding: 25px;
1830
- }
1831
-
1832
- .featurePageAuthor .author-meta {
1833
- width: 100%;
1834
- }
1835
- }
1836
- .contributor {
1837
- width: 100px;
1838
- }
1839
- .contributor .contributor-name {
1840
- font-size: 13px;
1841
- margin-top: 8px;
1842
- text-transform: capitalize;
1843
- }
1844
- .file-text {
1845
- font-size: 17px;
1846
- }
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: 17px !important;
150
+ }
151
+
152
+ .feature-h2,
153
+ .home-top-h2,
154
+ .how-to-title {
155
+ font-size: 15px !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
+ .how-to-video-wrapper {
872
+ height: 100%;
873
+ display: flex;
874
+ align-items: center;
875
+ justify-content: center;
876
+ }
877
+
878
+ .how-to-video .youtube-play-btn-wrapper {
879
+ position: absolute;
880
+ top: 0%;
881
+ left: -17px;
882
+ display: flex;
883
+ text-align: center;
884
+ width: 100%;
885
+ justify-content: center;
886
+ align-items: center;
887
+ height: 100%;
888
+ }
889
+
890
+ .youtube-play-btn-wrapper .play-btn {
891
+ font-size: 28px;
892
+ width: 68px;
893
+ background-color: red;
894
+ border: none;
895
+ border-radius: 15px;
896
+ }
897
+
898
+ @media (max-width: 768px) {
899
+ .how-to-video-wrapper .youtubeVideoPlayer {
900
+ width: 100%;
901
+ }
902
+ .catPad {
903
+ padding: 0;
904
+ }
905
+
906
+ .social-icons {
907
+ left: 0;
908
+ bottom: 0 !important;
909
+ top: auto;
910
+ font-size: 25px;
911
+ width: 100%;
912
+ height: 60px;
913
+ display: flex;
914
+ margin: 0 !important;
915
+ flex-direction: row;
916
+ justify-content: space-evenly;
917
+ line-height: 100px;
918
+ }
919
+ }
920
+
921
+ .social-icon {
922
+ margin: 0 !important;
923
+ color: gray;
924
+ font-size: 1.6rem;
925
+ }
926
+
927
+ .social-icon:hover {
928
+ color: black;
929
+ }
930
+
931
+ .home-features {
932
+ display: -webkit-box;
933
+ display: -webkit-flex;
934
+ display: -ms-flexbox;
935
+ display: flex;
936
+ -webkit-flex-wrap: wrap;
937
+ -ms-flex-wrap: wrap;
938
+ flex-wrap: wrap;
939
+ list-style: none;
940
+ margin: 0;
941
+ padding: 0 0 90px 0;
942
+ }
943
+
944
+ .home-feature-box {
945
+ position: relative;
946
+ color: white;
947
+ margin: 0;
948
+ transition: 0.2s linear;
949
+ border: 1px solid white;
950
+ }
951
+
952
+ .home-feature-box:hover {
953
+ transform: translateY(-17px);
954
+ }
955
+
956
+ @media (min-width: 0px) and (max-width: 767px) {
957
+ .home-feature-box {
958
+ width: 100%;
959
+ height: 114px;
960
+ }
961
+ }
962
+
963
+ @media (min-width: 768px) and (max-width: 991px) {
964
+ .home-feature-box {
965
+ width: 25%;
966
+ height: 180px;
967
+ }
968
+ }
969
+
970
+ @media (min-width: 992px) {
971
+ .home-feature-box {
972
+ width: 20%;
973
+ height: 180px;
974
+ }
975
+ }
976
+
977
+ .home-feature-name {
978
+ line-height: 24px;
979
+ font-size: 16px;
980
+ font-stretch: 400;
981
+ font-weight: 700;
982
+ color: #fff;
983
+ text-overflow: ellipsis;
984
+ white-space: nowrap;
985
+ overflow: hidden;
986
+ position: absolute;
987
+ top: 0;
988
+ right: 0;
989
+ bottom: 0;
990
+ left: 0;
991
+ transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
992
+ }
993
+
994
+ .home-feature-name:hover {
995
+ box-shadow: 0px 0px 24px rgba(26, 26, 26, 0.2);
996
+ z-index: 1;
997
+ color: currentColor;
998
+ text-decoration: none;
999
+ }
1000
+
1001
+ @media (max-width: 767px) {
1002
+ .home-feature-name {
1003
+ padding: 12px 12px 12px 60px;
1004
+ }
1005
+ }
1006
+
1007
+ @media (min-width: 768px) {
1008
+ .home-feature-name {
1009
+ padding: 60px 12px 12px 12px;
1010
+ }
1011
+ }
1012
+
1013
+ .home-inner-box {
1014
+ position: absolute;
1015
+ padding: 12px;
1016
+ }
1017
+
1018
+ .div-cont {
1019
+ display: -webkit-box;
1020
+ display: -webkit-flex;
1021
+ display: -ms-flexbox;
1022
+ display: flex;
1023
+ /* overflow: hidden; */
1024
+ }
1025
+
1026
+ .div-cont > svg {
1027
+ display: -webkit-box;
1028
+ display: -webkit-flex;
1029
+ display: -ms-flexbox;
1030
+ display: flex;
1031
+ -webkit-flex: 1 1 auto;
1032
+ -ms-flex: 1 1 auto;
1033
+ flex: 1 1 auto;
1034
+ }
1035
+
1036
+ .div-cont > svg > * {
1037
+ fill: currentColor;
1038
+ }
1039
+
1040
+ .mega-menu::first-line {
1041
+ color: gray !important;
1042
+ font-weight: 600;
1043
+ }
1044
+
1045
+ .lang-dropdown {
1046
+ position: fixed;
1047
+ right: 30px;
1048
+ top: 20px;
1049
+ z-index: 999;
1050
+ }
1051
+
1052
+ @media (max-width: 994px) {
1053
+ .lang-dropdown {
1054
+ top: 75px;
1055
+ z-index: 5;
1056
+ right: 4px;
1057
+ position: absolute;
1058
+ }
1059
+
1060
+ .lang-dropdown .lang-dropdown-btn {
1061
+ position: absolute;
1062
+ right: 0;
1063
+ }
1064
+
1065
+ .drop-down-wrapper {
1066
+ overflow-y: unset !important;
1067
+ }
1068
+ }
1069
+
1070
+ .drop-down-wrapper {
1071
+ height: fit-content !important;
1072
+ }
1073
+
1074
+ .lang-dropdown-item {
1075
+ width: 100%;
1076
+ display: block;
1077
+ text-align: center;
1078
+ text-decoration: none !important;
1079
+ }
1080
+
1081
+ .rating-tool {
1082
+ width: 100%;
1083
+ display: flex;
1084
+ justify-content: center;
1085
+ align-items: center;
1086
+ padding: 20px 0px 20px 0px;
1087
+ border-top: 1px solid rgb(221, 221, 221);
1088
+ }
1089
+
1090
+ .rating-text {
1091
+ font-size: 17px;
1092
+ font-weight: 700;
1093
+ color: rgb(33, 33, 33);
1094
+ padding: 6px;
1095
+ }
1096
+
1097
+ .rating-stars {
1098
+ color: #9d9d9d !important;
1099
+ padding-top: 17px;
1100
+ display: flex;
1101
+ align-items: center;
1102
+ }
1103
+
1104
+ .rating-stars i {
1105
+ padding: 5px;
1106
+ font-size: 17px;
1107
+ }
1108
+
1109
+ .rating-value {
1110
+ line-height: 24px;
1111
+ font-size: 16px;
1112
+ font-family: Arial, sans-serif;
1113
+ -webkit-font-smoothing: antialiased;
1114
+ font-weight: 400;
1115
+ color: rgb(33, 33, 33);
1116
+ padding: 6px;
1117
+ }
1118
+
1119
+ .related_post_heading {
1120
+ width: 100%;
1121
+ font-size: 46px;
1122
+ text-align: center;
1123
+ font-weight: 800;
1124
+ font-stretch: normal;
1125
+ font-style: normal;
1126
+ line-height: 1.24;
1127
+ letter-spacing: normal;
1128
+ color: rgb(17, 48, 78);
1129
+ margin-bottom: 45px;
1130
+ padding-top: 75px;
1131
+ display: inline-block;
1132
+ }
1133
+
1134
+ .card-footer {
1135
+ border: none;
1136
+ }
1137
+
1138
+ .wrapfooter {
1139
+ display: flex;
1140
+ align-items: center;
1141
+ margin-bottom: 15px;
1142
+ }
1143
+
1144
+ .wrapfooter img {
1145
+ width: 35px;
1146
+ height: 35px;
1147
+ border-radius: 50%;
1148
+ }
1149
+
1150
+ .wrapfooter .author-meta {
1151
+ padding: 0 15px;
1152
+ }
1153
+
1154
+ .wrapfooter .author-meta a {
1155
+ font-size: 15px;
1156
+ color: #000;
1157
+ text-transform: capitalize;
1158
+ }
1159
+
1160
+ .wrapfooter .post-read-more {
1161
+ flex: 50;
1162
+ text-align: right;
1163
+ }
1164
+
1165
+ .post-date {
1166
+ font-size: 13px;
1167
+ display: block;
1168
+ text-align: left;
1169
+ }
1170
+
1171
+ .social-count {
1172
+ background: #d60000;
1173
+ color: #fff;
1174
+ position: absolute;
1175
+ height: 16px;
1176
+ width: 16px;
1177
+ display: inline-flex;
1178
+ align-items: center;
1179
+ justify-content: center;
1180
+ text-align: center;
1181
+ font-size: 12px;
1182
+ font-weight: 700;
1183
+ right: 1px;
1184
+ border-radius: 50%;
1185
+ margin-top: 1px;
1186
+ padding: 9px;
1187
+ }
1188
+
1189
+ .file-detail-table th,
1190
+ .file-detail-table td {
1191
+ border: none !important;
1192
+ }
1193
+
1194
+ .softwares-section img {
1195
+ height: 32px !important;
1196
+ width: 32px !important;
1197
+ }
1198
+
1199
+ .software-name {
1200
+ color: #1565c0 !important;
1201
+ font-size: 1.1rem;
1202
+ margin-top: -4px;
1203
+ margin-left: 4px;
1204
+ }
1205
+
1206
+ .software-value {
1207
+ font-size: 0.7rem;
1208
+ margin-left: 4px;
1209
+ color: #6d6d6d;
1210
+ margin-top: -3px;
1211
+ }
1212
+
1213
+ #rating-img {
1214
+ height: 1px;
1215
+ width: 1px;
1216
+ filter: brightness();
1217
+ filter: brightness(100);
1218
+ }
1219
+
1220
+ .download-section {
1221
+ box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px inset;
1222
+ margin-top: 5px;
1223
+ }
1224
+
1225
+ .download-btn-container {
1226
+ border-bottom: 1px solid rgb(238, 238, 238);
1227
+ border-left: 1px solid rgb(238, 238, 238);
1228
+ padding: 24px 24px 40px;
1229
+ }
1230
+
1231
+ .success-greeting {
1232
+ display: flex;
1233
+ justify-content: center;
1234
+ align-items: center;
1235
+ margin-right: 15px;
1236
+ width: 100%;
1237
+ }
1238
+
1239
+ .success-greeting p {
1240
+ margin-bottom: 0px;
1241
+ padding: 0;
1242
+ }
1243
+
1244
+ .success-msg-cont {
1245
+ padding: 24px 30px;
1246
+ display: flex;
1247
+ justify-content: space-between;
1248
+ flex-direction: column;
1249
+ }
1250
+
1251
+ .success-msg {
1252
+ color: rgb(26, 26, 26);
1253
+ font-size: 20px;
1254
+ font-weight: 600;
1255
+ padding: 24px 0px;
1256
+ }
1257
+
1258
+ .success-msg-cont button {
1259
+ border: none;
1260
+ width: 400px;
1261
+ background: transparent;
1262
+ cursor: pointer;
1263
+ font-size: 17px;
1264
+ margin-right: 4px;
1265
+ display: flex;
1266
+ align-items: center;
1267
+ justify-content: flex-end;
1268
+ margin-left: auto;
1269
+ padding-top: 5px;
1270
+ }
1271
+
1272
+ .success-msg-cont button i {
1273
+ margin-right: 4px;
1274
+ padding-top: 1px;
1275
+ margin-bottom: 0;
1276
+ color: #11304e;
1277
+ }
1278
+
1279
+ .sites-config {
1280
+ padding: 0px 24px;
1281
+ border-top: 1px solid rgb(238, 238, 238);
1282
+ }
1283
+
1284
+ .social-share-section {
1285
+ padding: 0px 24px;
1286
+ border-top: 1px solid rgb(238, 238, 238);
1287
+ }
1288
+
1289
+ .try-more-features {
1290
+ padding: 0px 24px;
1291
+ border-bottom: 1px solid rgb(238, 238, 238);
1292
+ }
1293
+
1294
+ .sites-config {
1295
+ padding: 24px 0px;
1296
+ }
1297
+
1298
+ .social-share-section {
1299
+ padding: 24px 0px;
1300
+ }
1301
+
1302
+ #filename {
1303
+ font-size: 22px;
1304
+ font-weight: 700;
1305
+ }
1306
+
1307
+ .download-social-share a i {
1308
+ font-size: 1.5rem;
1309
+ padding: 0px 10px;
1310
+ margin: 0px 30px;
1311
+ }
1312
+
1313
+ .share-heading {
1314
+ font-size: 17px;
1315
+ font-weight: 700;
1316
+ color: rgb(33, 33, 33);
1317
+ padding: 6px;
1318
+ }
1319
+
1320
+ .sites-config img {
1321
+ height: 27px;
1322
+ }
1323
+
1324
+ .social-share-section,
1325
+ .try-more-features {
1326
+ padding: 0px 24px;
1327
+ border-top: 1px solid rgb(238, 238, 238);
1328
+ }
1329
+
1330
+ .download-social-share {
1331
+ padding: 24px 0px;
1332
+ border-top: 1px solid rgb(238, 238, 238);
1333
+ }
1334
+
1335
+ .sites-config {
1336
+ padding: 24px 0px;
1337
+ }
1338
+
1339
+ .social-share-section {
1340
+ padding: 24px 0px;
1341
+ }
1342
+
1343
+ #filename {
1344
+ font-size: 22px;
1345
+ font-weight: 700;
1346
+ }
1347
+
1348
+ .sites-config a {
1349
+ text-decoration: none;
1350
+ }
1351
+
1352
+ .feature-showcase-div {
1353
+ margin: 0px;
1354
+ padding: 0px;
1355
+ overflow: visible;
1356
+ text-decoration: inherit;
1357
+ display: flex;
1358
+ position: relative;
1359
+ border: 1px solid rgb(232, 232, 232);
1360
+ border-radius: 4px;
1361
+ width: 100%;
1362
+ cursor: pointer;
1363
+ font-weight: 700;
1364
+ font-size: 16px;
1365
+ line-height: 24px;
1366
+ color: rgb(26, 26, 26);
1367
+ user-select: none;
1368
+ outline: none;
1369
+ -webkit-box-align: center;
1370
+ align-items: center;
1371
+ height: 66px;
1372
+ background: rgb(250, 250, 250);
1373
+ }
1374
+
1375
+ .feature-showcase-div:hover {
1376
+ background-color: #fff;
1377
+ }
1378
+
1379
+ .feature-showcase-div img {
1380
+ width: 32px;
1381
+ height: 32px;
1382
+ }
1383
+
1384
+ .feature-showcase-div a {
1385
+ text-decoration: none;
1386
+ }
1387
+
1388
+ .feature-showcase-div i {
1389
+ font-size: 11px;
1390
+ }
1391
+
1392
+ .website-img {
1393
+ height: 38px;
1394
+ }
1395
+
1396
+ .website-wrap {
1397
+ text-align: left;
1398
+ }
1399
+
1400
+ .file-info-h1 {
1401
+ font-family: Helvetica, sans-serif;
1402
+ font-weight: 600;
1403
+ font-size: 1.8rem;
1404
+ margin: 0;
1405
+ margin-bottom: 8px;
1406
+ }
1407
+
1408
+ .file-info-h2 {
1409
+ font-family: Helvetica, sans-serif;
1410
+ font-weight: 600;
1411
+ font-size: 19px;
1412
+ color: #848d95;
1413
+ margin-bottom: 10px;
1414
+ }
1415
+
1416
+ .file-info-item-list {
1417
+ list-style: disc;
1418
+ color: rgb(26, 25, 25);
1419
+ font-family: Helvetica;
1420
+ font-size: 17.4px;
1421
+ line-height: 32px;
1422
+ padding: 0;
1423
+ }
1424
+
1425
+ .file-info-img {
1426
+ height: 500px;
1427
+ width: 100%;
1428
+ }
1429
+
1430
+ .info-title {
1431
+ font-weight: 600;
1432
+ }
1433
+
1434
+ .sticky-div-file-info {
1435
+ position: sticky;
1436
+ top: 0%;
1437
+ }
1438
+
1439
+ ol li::marker {
1440
+ font-size: 25px;
1441
+ }
1442
+
1443
+ .drop-down-btn {
1444
+ cursor: pointer;
1445
+ outline: 0px;
1446
+ border: 0px;
1447
+ width: auto;
1448
+ overflow: visible;
1449
+ display: flex;
1450
+ -webkit-box-align: center;
1451
+ align-items: center;
1452
+ background-color: transparent;
1453
+ transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
1454
+ font-weight: 400;
1455
+ font-size: 16px;
1456
+ line-height: 24px;
1457
+ color: rgb(26, 26, 26);
1458
+ }
1459
+
1460
+ .drop-down-btn svg {
1461
+ height: 22px;
1462
+ }
1463
+
1464
+ .language-drop-down-menu {
1465
+ display: flex;
1466
+ justify-content: space-between;
1467
+ margin: 0;
1468
+ padding: 0;
1469
+ flex-wrap: wrap;
1470
+ }
1471
+
1472
+ .language-drop-down-item {
1473
+ width: 50%;
1474
+ padding: 10px 12px 0px 0px;
1475
+ text-align: center;
1476
+ font-size: 15px;
1477
+ margin-bottom: 0;
1478
+ }
1479
+
1480
+ .language-drop-down-item a {
1481
+ display: flex;
1482
+ width: 100%;
1483
+ align-items: center;
1484
+ padding: 9px 9px;
1485
+ border-bottom: 1px solid rgb(224, 224, 224);
1486
+ }
1487
+
1488
+ .language-drop-down-item a:hover {
1489
+ background: rgb(238, 238, 238);
1490
+ border-radius: 3px;
1491
+ }
1492
+
1493
+ .language-drop-down-item a i {
1494
+ margin: 0;
1495
+ }
1496
+
1497
+ .active-lang {
1498
+ background: rgb(238, 238, 238);
1499
+ border-radius: 3px;
1500
+ }
1501
+
1502
+ .row .col-md-9 p {
1503
+ text-align: left;
1504
+ }
1505
+
1506
+ #header {
1507
+ display: block;
1508
+ position: sticky;
1509
+ top: 0;
1510
+ z-index: 10;
1511
+ background: #fff;
1512
+ border-bottom: 1px solid #ccc;
1513
+ }
1514
+
1515
+ .navbar {
1516
+ padding: 1rem 9% !important;
1517
+ }
1518
+
1519
+ .catPad div {
1520
+ margin: 0 0 20px !important;
1521
+ }
1522
+
1523
+ .upload-redirect {
1524
+ padding: 13px 1.5em 14px 1.5em;
1525
+ color: #fff;
1526
+ background-color: #5c5ce0;
1527
+ border-color: #5c5ce0;
1528
+ border-radius: 27px;
1529
+ font-size: 18px;
1530
+ font-weight: 600;
1531
+ border: none;
1532
+ }
1533
+
1534
+ #left-section {
1535
+ display: flex;
1536
+ flex-direction: column;
1537
+ align-items: baseline;
1538
+ justify-content: center;
1539
+ }
1540
+
1541
+ .right-section img {
1542
+ width: 90%;
1543
+ }
1544
+
1545
+ #left-section h1,
1546
+ #left-section h2 {
1547
+ text-align: left;
1548
+ width: 100%;
1549
+ }
1550
+
1551
+ .video-h1,
1552
+ .audio-h1 {
1553
+ font-weight: 600;
1554
+ font-size: 53px;
1555
+ }
1556
+
1557
+ .video-h2,
1558
+ .audio-h2 {
1559
+ font-size: 22px;
1560
+ }
1561
+
1562
+ .toaster {
1563
+ top: 15px;
1564
+ padding: 12px 20px;
1565
+ color: #fff;
1566
+ display: inline-block;
1567
+ box-shadow: 0 3px 6px -1px rgb(0 0 0 / 12%),
1568
+ 0 10px 36px -4px rgb(77 96 232 / 30%);
1569
+ background: linear-gradient(to right, rgb(221, 36, 118), rgb(255, 81, 47));
1570
+ position: fixed;
1571
+ transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
1572
+ border-radius: 2px;
1573
+ right: 15px;
1574
+ cursor: pointer;
1575
+ text-decoration: none;
1576
+ max-width: calc(50% - 20px);
1577
+ z-index: 2147483647;
1578
+ }
1579
+ .appscms-sidebar-right,
1580
+ .appscms-sidebar-left {
1581
+ min-width: 220px;
1582
+ max-width: fit-content;
1583
+ height: 100vh;
1584
+ min-height: 300px;
1585
+ max-height: fit-content;
1586
+ top: 72px;
1587
+ position: absolute;
1588
+ }
1589
+ .appscms-sidebar-left {
1590
+ left: 80px;
1591
+ }
1592
+ .appscms-sidebar-right {
1593
+ right: 80px;
1594
+ }
1595
+ .hamburger-menu {
1596
+ cursor: pointer;
1597
+ display: none;
1598
+ z-index: 999;
1599
+ margin-left: auto;
1600
+ width: 20px;
1601
+ }
1602
+ @media (max-width: 992px) {
1603
+ .hamburger-menu {
1604
+ display: block;
1605
+ }
1606
+ }
1607
+ @media (max-width: 992px) {
1608
+ .sticky-top-group .hamburger-menu {
1609
+ margin-left: 12px;
1610
+ }
1611
+ }
1612
+
1613
+ .hamburger-menu span {
1614
+ background: #525658;
1615
+ width: 17px;
1616
+ height: 1.5px;
1617
+ display: block;
1618
+ margin: 3.5px 0;
1619
+ border-radius: 50%;
1620
+ -webkit-transition: all 0.3s ease;
1621
+ -o-transition: all 0.3s ease;
1622
+ transition: all 0.3s ease;
1623
+ border-radius: 5px;
1624
+ }
1625
+ /* infographics csss */
1626
+ .infographics_section {
1627
+ width: 100%;
1628
+ padding: 50px 0px 50px 0px;
1629
+ border-top: 1px solid rgb(224, 224, 224);
1630
+ }
1631
+
1632
+ .infographics_section .infographics-desc {
1633
+ position: absolute;
1634
+ color: #000;
1635
+ bottom: 0;
1636
+ }
1637
+
1638
+ .infographics_section .slider {
1639
+ position: relative;
1640
+ max-width: 40rem;
1641
+ height: 26.625rem;
1642
+ margin: 0 auto;
1643
+ overflow: hidden;
1644
+ }
1645
+
1646
+ .infographics_section .slide {
1647
+ position: absolute;
1648
+ top: 0;
1649
+ width: 100%;
1650
+ height: 26.625rem;
1651
+ display: flex;
1652
+ align-items: center;
1653
+ justify-content: center;
1654
+ transition: transform 1s;
1655
+ }
1656
+
1657
+ .infographics_section .slide img {
1658
+ width: 200px;
1659
+ height: 100%;
1660
+ /* object-fit: contain; */
1661
+ }
1662
+
1663
+ .infographics_section button {
1664
+ background: none;
1665
+ border: none;
1666
+ }
1667
+
1668
+ .infographics_section button .fas {
1669
+ color: #000;
1670
+ }
1671
+
1672
+ .infographics_section .btn-slide {
1673
+ position: absolute;
1674
+ top: 50%;
1675
+ z-index: 10;
1676
+
1677
+ height: 5.5rem;
1678
+ width: 5.5rem;
1679
+ cursor: pointer;
1680
+ }
1681
+
1682
+ .infographics_section .prev {
1683
+ left: 3rem;
1684
+ transform: translate(-50%, -50%);
1685
+ }
1686
+
1687
+ .infographics_section .next {
1688
+ right: 3rem;
1689
+ transform: translate(50%, -50%);
1690
+ }
1691
+
1692
+ .infographics_section .dots-container {
1693
+ display: flex;
1694
+ justify-content: center;
1695
+ align-items: center;
1696
+ position: relative;
1697
+ }
1698
+
1699
+ .infographics_section .dot {
1700
+ width: 25px;
1701
+ height: 5px;
1702
+ margin: 15px 5px;
1703
+ border-radius: 0.5rem;
1704
+ background: rgba(39, 39, 39, 0.5);
1705
+ cursor: pointer;
1706
+ }
1707
+
1708
+ .infographics_section .dot.active {
1709
+ background: #272727;
1710
+ }
1711
+
1712
+ @media screen and (min-width: 1450px) {
1713
+ .appscms-sidebar-left {
1714
+ left: 200px !important;
1715
+ }
1716
+ .appscms-sidebar-right {
1717
+ right: 200px !important;
1718
+ }
1719
+ }
1720
+ @media screen and (min-width: 1920px) {
1721
+ .feature-card-title,
1722
+ .faq-question {
1723
+ font-size: 22px;
1724
+ }
1725
+ .feature-card-desc,
1726
+ .how-to-list-item,
1727
+ .faq-answer {
1728
+ font-size: 18px;
1729
+ }
1730
+ .appscms-sidebar-left {
1731
+ left: 300px !important;
1732
+ }
1733
+ .appscms-sidebar-right {
1734
+ right: 300px !important;
1735
+ }
1736
+ }
1737
+ .shareModal {
1738
+ display: none;
1739
+ position: fixed;
1740
+ z-index: 100000000000;
1741
+ left: 0;
1742
+ top: 0;
1743
+ width: 100%;
1744
+ height: 100%;
1745
+ overflow: auto;
1746
+ background-color: rgba(0, 0, 0, 0.5);
1747
+ }
1748
+
1749
+ .shareModal .share-modal-content {
1750
+ background-color: #fefefe;
1751
+ margin: 15% auto;
1752
+ padding: 20px;
1753
+ /* border: 1px solid #888; */
1754
+ width: 70%;
1755
+ height: 200px;
1756
+ text-align: center;
1757
+ }
1758
+
1759
+ .shareModal .close-share-modal {
1760
+ color: #aaa;
1761
+ float: right;
1762
+ display: none;
1763
+ font-size: 28px;
1764
+ font-weight: bold;
1765
+ }
1766
+ .shareModal h5 {
1767
+ color: #000;
1768
+ padding-top: 10px;
1769
+ font-weight: 700;
1770
+ }
1771
+ .shareModal .close-share-modal:hover,
1772
+ .shareModal .close-share-modal:focus {
1773
+ color: black;
1774
+ text-decoration: none;
1775
+ cursor: pointer;
1776
+ }
1777
+
1778
+ .share-modal-social {
1779
+ display: flex;
1780
+ gap: 30px;
1781
+ height: 100%;
1782
+ padding-bottom: 60px;
1783
+ align-items: center;
1784
+ justify-content: center;
1785
+ }
1786
+ .share-modal-social a {
1787
+ color: #000;
1788
+ }
1789
+ .share-modal-social a i {
1790
+ font-size: 30px;
1791
+ }
1792
+ .authors-list {
1793
+ border-top: 1px solid rgb(224, 224, 224);
1794
+ margin-top: 100px;
1795
+ padding: 100px;
1796
+ }
1797
+
1798
+ .featurePageAuthor {
1799
+ display: flex;
1800
+ flex-direction: column;
1801
+ width: 100%;
1802
+ justify-content: center;
1803
+ }
1804
+
1805
+ .featurePageAuthor .author-meta {
1806
+ width: 500px;
1807
+ margin: 0 auto;
1808
+ padding-bottom: 5rem;
1809
+ }
1810
+
1811
+ .featurePageAuthor .author-meta .authorName {
1812
+ font-size: 20px;
1813
+ padding: 1rem 0px;
1814
+ font-weight: 900;
1815
+ }
1816
+
1817
+ .featurePageAuthor .author-img {
1818
+ width: 100px;
1819
+ height: 100px;
1820
+ border-radius: 100%;
1821
+ }
1822
+
1823
+ .featurePageAuthor .author_bio {
1824
+ font-size: 16px;
1825
+ }
1826
+
1827
+ @media (max-width: 768px) {
1828
+ .authors-list {
1829
+ padding: 25px;
1830
+ }
1831
+
1832
+ .featurePageAuthor .author-meta {
1833
+ width: 100%;
1834
+ }
1835
+ }
1836
+ .contributor {
1837
+ width: 100px;
1838
+ }
1839
+ .contributor .contributor-name {
1840
+ font-size: 13px;
1841
+ margin-top: 8px;
1842
+ text-transform: capitalize;
1843
+ }
1844
+ .file-text {
1845
+ font-size: 17px;
1846
+ }