appscms-tools-theme 4.6.2 → 4.6.3

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