appscms-tools-theme 1.8.0 → 1.8.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (110) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +50 -50
  4. data/_data/about/en/about.json +16 -16
  5. data/_data/blog/alertbar.yml +3 -3
  6. data/_data/blog/authors.yml +11 -11
  7. data/_data/blog/blog.yml +3 -3
  8. data/_data/blog/nav.json +13 -13
  9. data/_data/blog/share.yml +28 -28
  10. data/_data/contact/en/contact.json +38 -38
  11. data/_data/disclaimer/en/disclaimer.json +37 -37
  12. data/_data/download/en/download.json +35 -35
  13. data/_data/feature/en/compress-pdf.json +6 -0
  14. data/_data/feature/en/split-pdf.json +115 -115
  15. data/_data/feature/hi/compress-pdf.json +81 -81
  16. data/_data/feature/tr/compress-pdf.json +80 -80
  17. data/_data/fileinfo/en/fileinfo.json +14 -14
  18. data/_data/files/.gitignore +4 -4
  19. data/_data/files/en/3gp.json +144 -144
  20. data/_data/files/en/acc.json +25 -25
  21. data/_data/files/en/aff.json +65 -65
  22. data/_data/files/en/cr2.json +169 -169
  23. data/_data/files/en/dvd.json +25 -25
  24. data/_data/files/en/mov.json +146 -146
  25. data/_data/files/en/ogg.json +163 -163
  26. data/_data/files/en/vmv.json +47 -47
  27. data/_data/footer/en/data.json +72 -72
  28. data/_data/footer/hi/data.json +68 -68
  29. data/_data/footer/networksites.json +15 -15
  30. data/_data/header/en/data.json +134 -134
  31. data/_data/header/hi/data.json +144 -144
  32. data/_data/home/en/en.json +282 -282
  33. data/_data/home/hi/hi.json +86 -86
  34. data/_data/languagesupport/compress-pdf-langs.json +11 -11
  35. data/_data/languagesupport/index-langs.json +13 -13
  36. data/_data/privacy/en/privacyPolicy.json +265 -265
  37. data/_data/termAndCondition/en/termAndCondition.json +358 -358
  38. data/_includes/Rating/rating.html +92 -92
  39. data/_includes/Rating/structureddata.html +53 -53
  40. data/_includes/Usp/usp.html +86 -86
  41. data/_includes/adBlocker/adBlocker.html +136 -0
  42. data/_includes/adsense/adsense.html +7 -7
  43. data/_includes/alternates/alternates.html +45 -45
  44. data/_includes/author_bio.html +16 -16
  45. data/_includes/cssfile/links.html +11 -11
  46. data/_includes/custom-head.html +33 -33
  47. data/_includes/customblog/recentposts.html +46 -46
  48. data/_includes/customblog/relatedposts.html +174 -162
  49. data/_includes/disqus_comments.html +10 -10
  50. data/_includes/dropdown/langdropdown.html +22 -22
  51. data/_includes/feature.html +37 -37
  52. data/_includes/fileformat/comparisonfiles.html +151 -151
  53. data/_includes/fileformat/fileformatdetail.html +101 -101
  54. data/_includes/fileformat/fileinfoformat.html +93 -93
  55. data/_includes/footer/index.html +249 -249
  56. data/_includes/google-analytics.html +22 -22
  57. data/_includes/header/blogHeader.html +29 -29
  58. data/_includes/header/index.html +95 -95
  59. data/_includes/languages/languages.html +61 -28
  60. data/_includes/monumetric/monumetric.html +60 -60
  61. data/_includes/nofiletransfer/nofiletransfer.html +38 -38
  62. data/_includes/paginationBlogPage.html +34 -34
  63. data/_includes/paginationPostPage.html +14 -14
  64. data/_includes/postauthorbio.html +17 -17
  65. data/_includes/postbox.html +31 -31
  66. data/_includes/script.html +27 -26
  67. data/_includes/section/alertbar.html +11 -11
  68. data/_includes/section/count.html +23 -23
  69. data/_includes/section/recent_posts.html +46 -46
  70. data/_includes/section/related_categories_post.html +173 -161
  71. data/_includes/share/socialshare.html +20 -20
  72. data/_includes/staticfooter.html +55 -55
  73. data/_layouts/aboutUs.html +24 -24
  74. data/_layouts/blog.html +70 -70
  75. data/_layouts/categories.html +25 -25
  76. data/_layouts/contactUs.html +78 -78
  77. data/_layouts/default.html +1 -1
  78. data/_layouts/disclaimer.html +78 -78
  79. data/_layouts/download.html +285 -280
  80. data/_layouts/feature.html +209 -200
  81. data/_layouts/fileInfo.html +39 -39
  82. data/_layouts/help.html +23 -23
  83. data/_layouts/home.html +208 -197
  84. data/_layouts/page.html +5 -5
  85. data/_layouts/post.html +144 -144
  86. data/_layouts/privacyPolicy.html +402 -402
  87. data/_layouts/termAndCondition.html +406 -406
  88. data/assets/cross.svg +4 -4
  89. data/assets/css/adblocker.css +187 -0
  90. data/assets/css/blog.css +491 -491
  91. data/assets/css/bootstrap.min.css +6 -6
  92. data/assets/css/tools.css +1260 -1212
  93. data/assets/facebook.svg +4 -4
  94. data/assets/images/abp.svg +41 -0
  95. data/assets/images/adblock.svg +266 -0
  96. data/assets/images/safevideoconverter.svg +23 -23
  97. data/assets/images/uo.svg +41 -0
  98. data/assets/instagram.svg +4 -4
  99. data/assets/js/TopScroll.js +8 -8
  100. data/assets/js/adBlocker.js +45 -0
  101. data/assets/js/googledrive.js +155 -155
  102. data/assets/js/manifest.json +16 -16
  103. data/assets/js/multiselect.js +157 -157
  104. data/assets/linkdin.svg +4 -4
  105. data/assets/pdf.svg +20 -20
  106. data/assets/secure.svg +43 -43
  107. data/assets/star.svg +4 -4
  108. data/assets/twitter.svg +4 -4
  109. data/assets/youtube.svg +4 -4
  110. metadata +8 -2
data/assets/css/tools.css CHANGED
@@ -1,1212 +1,1260 @@
1
- * {
2
- box-sizing: border-box;
3
- }
4
- body {
5
- padding: 0;
6
- margin: 0;
7
- -webkit-font-smoothing: antialiased;
8
- box-sizing: border-box;
9
- overflow-y: scroll;
10
- background: white;
11
- font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
12
- }
13
- header {
14
- width: 100%;
15
- }
16
- a,
17
- a:hover {
18
- text-decoration: none;
19
- color: rgb(26, 25, 25);
20
- }
21
- .navbar-toggler {
22
- outline: none !important;
23
- }
24
- .navbar-toggler > .fa_bars {
25
- position: absolute;
26
- top: 20px;
27
- font-size: 22px;
28
- }
29
- .nav-header {
30
- position: sticky;
31
- top: 0;
32
- z-index: 10;
33
- background: #fff;
34
- box-shadow: 0 10px 20px -7px #e3e3e39c;
35
- }
36
- .nav__item {
37
- margin: 0 !important;
38
- padding: 0 15px;
39
- font-size: 15px;
40
- font-weight: 400;
41
- line-height: 18px;
42
- text-align: left;
43
- list-style: none;
44
- position: relative;
45
- }
46
- .nav__item a:hover {
47
- color: #000;
48
- text-decoration: none !important;
49
- }
50
- .navbar .dropdown-menu {
51
- position: fixed;
52
- left: 0;
53
- top: 71px;
54
- width: 100%;
55
- }
56
- .inner-dropdown {
57
- display: flex;
58
- justify-content: left;
59
- padding: 30px 100px;
60
- flex-wrap: wrap;
61
- }
62
- .catPad {
63
- padding: 0 85px;
64
- }
65
- .catPad li {
66
- font-size: 14px !important;
67
- font-weight: 500;
68
- }
69
- @media (max-width: 992px) {
70
- .navbar .dropdown-menu {
71
- overflow-y: scroll;
72
- height: 500px;
73
- position: static !important;
74
- float: none;
75
- }
76
- .inner-dropdown {
77
- flex-direction: column;
78
- padding: 0px 30px;
79
- }
80
- .navbar-nav {
81
- margin: 0 !important;
82
- }
83
-
84
- .nav__item {
85
- padding: 15px 0;
86
- }
87
- }
88
- @media (max-width: 768px) {
89
- .language-drop-down-item {
90
- width: 100% !important;
91
- }
92
- .file-detail-table {
93
- overflow-x: scroll;
94
- }
95
- .compare-table {
96
- overflow-x: scroll;
97
- }
98
- .faq-list {
99
- width: 100% !important;
100
- }
101
- .feature-h1,
102
- .feature-h2,
103
- .home-top-h2,
104
- .home-top-h1,
105
- .how-to-title {
106
- font-size: 20px !important;
107
- }
108
- .social-count {
109
- right: auto !important;
110
- margin-top: 25px !important;
111
- }
112
- .rating-tool {
113
- flex-direction: column;
114
- }
115
- .how-to-leftimg {
116
- margin-bottom: 24px;
117
- }
118
- }
119
- .how-to-section,
120
- .faq-section {
121
- padding: 90px 0px;
122
- border-top: 1px solid rgb(224, 224, 224);
123
- }
124
- .related-posts-section,
125
- .usp-section,
126
- .footer {
127
- padding: 32px 0px;
128
- border-top: 1px solid rgb(224, 224, 224);
129
- }
130
- .how-to-leftimg {
131
- height: 180px;
132
- width: 300px;
133
- }
134
- .how-to-right {
135
- color: rgb(33, 33, 33);
136
- }
137
- @media (min-width: 768px) {
138
- .how-to-title {
139
- line-height: 30px;
140
- font-size: 22px;
141
- }
142
- }
143
- .how-to-list {
144
- margin: 0px;
145
- padding: 6px 0px;
146
- list-style: none;
147
- text-align: left;
148
- }
149
- .how-to-list-item {
150
- line-height: 24px;
151
- font-size: 16px;
152
- font-weight: 400;
153
- display: flex;
154
- padding: 6px 0px;
155
- }
156
- .how-to-list-item span {
157
- line-height: 24px;
158
- font-size: 16px;
159
- font-weight: 600;
160
- min-width: 24px;
161
- }
162
- .how-to-title {
163
- line-height: 30px;
164
- font-weight: 600;
165
- margin: 0px;
166
- padding-bottom: 12px;
167
- }
168
- .how-to-img-wrapper {
169
- width: 100%;
170
- height: 100%;
171
- display: flex;
172
- justify-content: center;
173
- align-items: center;
174
- }
175
- .feature-card-img {
176
- width: 48px;
177
- height: 48px;
178
- }
179
- .feature-card-title,
180
- .faq-question,
181
- .feature-card-desc,
182
- .faq-answer {
183
- line-height: 24px;
184
- font-size: 16px;
185
- font-weight: 600;
186
- color: rgb(33, 33, 33);
187
- text-align: center;
188
- margin: 0px;
189
- padding: 12px 0px;
190
- }
191
- .faq-question {
192
- text-align: left;
193
- }
194
- .feature-card-desc {
195
- font-weight: 400;
196
- }
197
- .faq-answer {
198
- font-weight: 400;
199
- text-align: left;
200
- margin: 0px;
201
- max-width: 100%;
202
- }
203
- main {
204
- display: block;
205
- }
206
- #app {
207
- display: -webkit-box;
208
- display: -webkit-flex;
209
- display: -ms-flexbox;
210
- display: flex;
211
- min-height: 100vh;
212
- }
213
- .box-border {
214
- position: absolute;
215
- inset: 12px;
216
- background: rgba(0, 0, 0, 0.1);
217
- border: 1px dashed rgba(0, 0, 0, 0.15);
218
- }
219
- .div-cont {
220
- display: flex;
221
- }
222
- .content-box {
223
- display: flex;
224
- flex: 1 1 auto;
225
- z-index: 1;
226
- }
227
- .flex-container {
228
- display: flex;
229
- -webkit-box-pack: center;
230
- justify-content: center;
231
- width: 100%;
232
- }
233
- .flex-class {
234
- -webkit-flex: 1 0 auto;
235
- -ms-flex: 1 0 auto;
236
- flex: 1 0 auto;
237
- width: 100%;
238
- }
239
- @media (min-width: 0px) and (max-width: 1199px) {
240
- .flex-class {
241
- max-width: none;
242
- }
243
- }
244
- @media (min-width: 1200px) {
245
- .flex-class {
246
- max-width: 1200px;
247
- }
248
- }
249
- @media (min-width: 0px) and (max-width: 767px) {
250
- .flex-class {
251
- padding: 0 18px;
252
- }
253
- }
254
- @media (min-width: 768px) {
255
- .flex-class {
256
- padding: 0 30px;
257
- }
258
- }
259
- .flex-class {
260
- flex: 1 0 auto;
261
- width: 100%;
262
- }
263
- .feature-h1,
264
- .home-top-h2 {
265
- line-height: 36px;
266
- font-size: 30px;
267
- font-weight: 600;
268
- color: rgb(33, 33, 33);
269
- text-align: center;
270
- margin: 0px;
271
- }
272
- .feature-h2,
273
- .home-top-h2 {
274
- font-weight: 300;
275
- color: rgb(33, 33, 33);
276
- text-align: center;
277
- margin: 0px;
278
- }
279
- @media (min-width: 768px) {
280
- .feature-h2 {
281
- line-height: 30px;
282
- font-size: 22px;
283
- }
284
- }
285
- .logo-height {
286
- height: 42px;
287
- }
288
- @media (max-width: 767px) {
289
- .logo-height {
290
- height: 36px;
291
- }
292
- }
293
- .footer-nav-item {
294
- margin: -12px 0;
295
- padding: 0;
296
- display: -webkit-box;
297
- display: -webkit-flex;
298
- display: -ms-flexbox;
299
- display: flex;
300
- -webkit-flex-direction: column;
301
- -ms-flex-direction: column;
302
- flex-direction: column;
303
- -webkit-box-flex: 1;
304
- -webkit-flex-grow: 1;
305
- -ms-flex-positive: 1;
306
- flex-grow: 1;
307
- -webkit-flex-shrink: 1;
308
- -ms-flex-negative: 1;
309
- flex-shrink: 1;
310
- -webkit-flex-basis: 0;
311
- -ms-flex-preferred-size: 0;
312
- flex-basis: 0;
313
- }
314
- @media (min-width: 992px) {
315
- .footer-nav-item {
316
- -webkit-flex: initial;
317
- -ms-flex: initial;
318
- flex: initial;
319
- width: 160px;
320
- }
321
- }
322
- @media (min-width: 576px) and (max-width: 991px) {
323
- .footer-nav-item {
324
- padding: 0 20px;
325
- }
326
- .footer-nav-item:first-child {
327
- padding-left: 0;
328
- }
329
- .footer-nav-item:last-child {
330
- padding-right: 0;
331
- }
332
- }
333
- @media (max-width: 575px) {
334
- .footer-nav-item {
335
- -webkit-flex-basis: auto;
336
- -ms-flex-preferred-size: auto;
337
- flex-basis: auto;
338
- }
339
- .footer-nav-item:not(:first-child) {
340
- margin-top: 28px;
341
- }
342
- }
343
- .home-feature-desc {
344
- line-height: 18px;
345
- font-size: 14px;
346
- font-stretch: 400;
347
- font-weight: 400;
348
- position: absolute;
349
- padding: 12px;
350
- }
351
- @media (max-width: 767px) {
352
- .home-feature-desc {
353
- right: 0;
354
- bottom: 0;
355
- left: 48px;
356
- top: 36px;
357
- }
358
- }
359
- @media (min-width: 768px) {
360
- .home-feature-desc {
361
- left: 0;
362
- right: 0;
363
- bottom: 0;
364
- top: 84px;
365
- }
366
- }
367
- @media (min-width: 768px) {
368
- .home-top-h1 {
369
- line-height: 36px;
370
- font-size: 30px;
371
- margin-bottom: 0px !important;
372
- }
373
- }
374
- @media (min-width: 768px) {
375
- .home-top-h2 {
376
- line-height: 30px;
377
- font-size: 22px;
378
- }
379
- }
380
- html {
381
- line-height: 1.15;
382
- -webkit-text-size-adjust: 100%;
383
- }
384
- .header {
385
- min-height: 80px;
386
- }
387
- .heading {
388
- text-align: center;
389
- margin-top: 90px;
390
- }
391
- .row {
392
- text-align: center;
393
- }
394
- i {
395
- display: block;
396
- margin-bottom: 18px;
397
- }
398
- p {
399
- font-size: 15px;
400
- line-height: 1.41;
401
- color: rgb(17, 48, 78);
402
- }
403
- .how-to {
404
- margin-right: -15px;
405
- margin-left: -15px;
406
- }
407
- .how-to-text {
408
- position: relative;
409
- min-height: 1px;
410
- padding-right: 15px;
411
- padding-left: 15px;
412
- margin: auto;
413
- width: 74%;
414
- padding: 10px;
415
- }
416
- .how-to-h2 {
417
- font-size: 40px;
418
- font-weight: 800;
419
- line-height: 1.16;
420
- text-align: left;
421
- color: rgb(17, 48, 78);
422
- width: 100%;
423
- margin-top: 70px;
424
- }
425
- .steps {
426
- padding-left: 29px;
427
- }
428
- ul li span {
429
- display: inline-block;
430
- width: 20px;
431
- margin-right: 20px;
432
- position: absolute;
433
- top: 0px;
434
- left: 0px;
435
- }
436
- img {
437
- outline: none;
438
- border: none;
439
- max-width: 100%;
440
- height: auto;
441
- }
442
- ul li {
443
- margin: 0 0 20px;
444
- padding: 0;
445
- font-size: 17px;
446
- font-weight: 500;
447
- line-height: 1.4;
448
- text-align: left;
449
- color: #11304e;
450
- list-style: none;
451
- position: relative;
452
- }
453
- .header {
454
- padding: 20px 10px;
455
- }
456
- /* footer css start */
457
- .footer-wrapper {
458
- padding: 32px 0;
459
- display: -webkit-box;
460
- display: -webkit-flex;
461
- display: -ms-flexbox;
462
- display: flex;
463
- -webkit-flex-direction: row;
464
- -ms-flex-direction: row;
465
- flex-direction: row;
466
- border-bottom: 1px solid #e8e8e8;
467
- }
468
- @media (max-width: 991px) {
469
- .footer-wrapper {
470
- -webkit-flex-direction: column;
471
- -ms-flex-direction: column;
472
- flex-direction: column;
473
- }
474
- }
475
- .footer-logo-cont {
476
- flex: 1 1 auto;
477
- display: flex;
478
- flex-direction: column;
479
- align-items: flex-start;
480
- }
481
- .footer-logo {
482
- height: 40px;
483
- }
484
- .footer-title {
485
- font-stretch: 400;
486
- font-weight: 400;
487
- font-size: 18px;
488
- line-height: 28px;
489
- color: rgba(26, 26, 26, 1);
490
- padding-top: 24px;
491
- }
492
- .footer-nav {
493
- -webkit-flex: 1 1 auto;
494
- -ms-flex: 1 1 auto;
495
- flex: 1 1 auto;
496
- display: -webkit-box;
497
- display: -webkit-flex;
498
- display: -ms-flexbox;
499
- display: flex;
500
- -webkit-flex-direction: row;
501
- -ms-flex-direction: row;
502
- flex-direction: row;
503
- -webkit-box-pack: end;
504
- -webkit-justify-content: space-between;
505
- -ms-flex-pack: end;
506
- justify-content: space-between;
507
- }
508
- @media (max-width: 991px) {
509
- .footer-nav {
510
- padding-top: 32px;
511
- -webkit-box-pack: justify;
512
- -webkit-justify-content: space-between;
513
- -ms-flex-pack: justify;
514
- justify-content: space-between;
515
- }
516
- }
517
- @media (max-width: 575px) {
518
- .footer-nav {
519
- -webkit-flex-direction: column;
520
- -ms-flex-direction: column;
521
- flex-direction: column;
522
- }
523
- }
524
- .footer-ul {
525
- display: flex;
526
- flex-direction: column;
527
- padding-left: 0;
528
- }
529
- .footer-ul-title {
530
- font-stretch: 400;
531
- font-weight: 700;
532
- font-size: 16px;
533
- line-height: 24px;
534
- color: rgba(26, 26, 26, 1);
535
- padding: 12px 0;
536
- -webkit-user-select: none;
537
- -moz-user-select: none;
538
- -ms-user-select: none;
539
- user-select: none;
540
- }
541
- .footer-link {
542
- font-stretch: 400;
543
- font-weight: 400;
544
- font-size: 16px;
545
- line-height: 24px;
546
- color: rgba(26, 26, 26, 1);
547
- padding: 12px 0;
548
- -webkit-flex: 0 0 auto;
549
- -ms-flex: 0 0 auto;
550
- flex: 0 0 auto;
551
- width: 100%;
552
- }
553
- .footer-link:hover {
554
- color: rgba(117, 117, 117, 1);
555
- }
556
- .footer-msg {
557
- font-stretch: 400;
558
- font-weight: 400;
559
- font-size: 16px;
560
- line-height: 24px;
561
- color: rgba(26, 26, 26, 1);
562
- -webkit-flex: 1 1 auto;
563
- -ms-flex: 1 1 auto;
564
- flex: 1 1 auto;
565
- }
566
- @media (min-width: 576px) and (max-width: 991px) {
567
- .footer-msg {
568
- padding-top: 24px;
569
- }
570
- }
571
- .privacy-footer {
572
- display: -webkit-box;
573
- display: -webkit-flex;
574
- display: -ms-flexbox;
575
- display: flex;
576
- -webkit-flex-direction: row;
577
- -ms-flex-direction: row;
578
- flex-direction: row;
579
- padding: 24px 0;
580
- }
581
- @media (max-width: 991px) {
582
- .privacy-footer {
583
- -webkit-flex-direction: column-reverse;
584
- -ms-flex-direction: column-reverse;
585
- flex-direction: column-reverse;
586
- }
587
- }
588
- @media (max-width: 575px) {
589
- .privacy-footer {
590
- padding: 32px 0;
591
- }
592
- }
593
- .privacy-links {
594
- display: -webkit-box;
595
- display: -webkit-flex;
596
- display: -ms-flexbox;
597
- display: flex;
598
- -webkit-align-items: flex-start;
599
- -webkit-box-align: flex-start;
600
- -ms-flex-align: flex-start;
601
- align-items: flex-start;
602
- -webkit-flex-direction: row;
603
- -ms-flex-direction: row;
604
- flex-direction: row;
605
- }
606
- @media (max-width: 575px) {
607
- .privacy-links {
608
- -webkit-flex-direction: column-reverse;
609
- -ms-flex-direction: column-reverse;
610
- flex-direction: column-reverse;
611
- }
612
- }
613
- .privacy-links-item {
614
- font-stretch: 400;
615
- font-weight: 400;
616
- font-size: 16px;
617
- line-height: 24px;
618
- color: rgba(26, 26, 26, 1);
619
- margin: 0 20px;
620
- }
621
- .privacy-links-item:hover {
622
- color: rgba(117, 117, 117, 1);
623
- }
624
- .privacy-links-item:first-child {
625
- margin-left: 0;
626
- }
627
- .privacy-links-item:last-child {
628
- margin-right: 0;
629
- }
630
- @media (max-width: 575px) {
631
- .privacy-links-item {
632
- margin-left: 0;
633
- margin-right: 0;
634
- margin-bottom: 32px;
635
- }
636
- }
637
- /* footer css end */
638
- /*about termsand conditions help*/
639
- .contact-h1 {
640
- line-height: 30px;
641
- font-size: 22px;
642
- font-stretch: 400;
643
- font-weight: 600;
644
- color: rgba(33, 33, 33, 1);
645
- text-align: center;
646
- margin: 0;
647
- }
648
- @media (min-width: 768px) {
649
- .contact-h1 {
650
- line-height: 36px;
651
- font-size: 30px;
652
- }
653
- }
654
- .contact-h2 {
655
- line-height: 30px;
656
- font-stretch: 400;
657
- font-weight: 300;
658
- font-size: 20px;
659
- color: rgba(33, 33, 33, 1);
660
- text-align: center;
661
- margin: 0;
662
- }
663
- @media (min-width: 768px) {
664
- .contact-h2 {
665
- line-height: 30px;
666
- font-size: 22px;
667
- }
668
- }
669
- .about-h1 {
670
- line-height: 30px;
671
- font-size: 22px;
672
- font-stretch: 400;
673
- font-weight: 600;
674
- color: rgba(33, 33, 33, 1);
675
- text-align: center;
676
- margin: 0;
677
- }
678
- @media (min-width: 768px) {
679
- .about-h1 {
680
- line-height: 36px;
681
- font-size: 30px;
682
- }
683
- }
684
- .about-h2 {
685
- line-height: 30px;
686
- font-stretch: 400;
687
- font-weight: 300;
688
- font-size: 20px;
689
- color: rgba(33, 33, 33, 1);
690
- text-align: center;
691
- margin: 0;
692
- }
693
- .common-h2 {
694
- font-stretch: 400;
695
- font-size: 20px;
696
- color: rgba(33, 33, 33, 1);
697
- }
698
- @media (min-width: 768px) {
699
- .about-h2 {
700
- line-height: 30px;
701
- font-size: 22px;
702
- }
703
- .common-h2 {
704
- font-size: 22px;
705
- }
706
- }
707
- .feature-img {
708
- width: 36px;
709
- height: 36px;
710
- }
711
- .box-padding {
712
- padding: 0px 0px 24px;
713
- }
714
- .box {
715
- position: relative;
716
- display: flex;
717
- flex-direction: column;
718
- background-color: rgb(242, 48, 48);
719
- min-height: 300px;
720
- width: 100%;
721
- }
722
- .social-icons {
723
- position: fixed;
724
- right: 0;
725
- top: 35%;
726
- width: 47px;
727
- height: 174px;
728
- display: flex;
729
- flex-direction: column;
730
- align-items: center;
731
- justify-content: center;
732
- z-index: 999;
733
- border-top-left-radius: 8px;
734
- border-bottom-left-radius: 8px;
735
- background: #fff;
736
- box-shadow: 0 0 20px -7px #191a1a9e;
737
- line-height: 30px;
738
- }
739
-
740
- @media (max-width: 768px) {
741
- .social-icons {
742
- left: 0;
743
- bottom: 0 !important;
744
- top: auto;
745
- font-size: 25px;
746
- width: 100%;
747
- height: 60px;
748
- display: flex;
749
- margin: 0 !important;
750
- flex-direction: row;
751
- justify-content: space-evenly;
752
- line-height: 100px;
753
- }
754
- }
755
- .social-icon {
756
- margin: 0 !important;
757
- color: gray;
758
- font-size: 1.6rem;
759
- }
760
- .social-icon:hover {
761
- color: black;
762
- }
763
- .home-features {
764
- display: -webkit-box;
765
- display: -webkit-flex;
766
- display: -ms-flexbox;
767
- display: flex;
768
- -webkit-flex-wrap: wrap;
769
- -ms-flex-wrap: wrap;
770
- flex-wrap: wrap;
771
- list-style: none;
772
- margin: 0;
773
- padding: 0 0 90px 0;
774
- }
775
-
776
- .home-feature-box {
777
- position: relative;
778
- color: white;
779
- margin: 0;
780
- transition: 0.2s linear;
781
- border: 1px solid white;
782
- }
783
- .home-feature-box:hover {
784
- transform: translateY(-17px);
785
- }
786
- @media (min-width: 0px) and (max-width: 767px) {
787
- .home-feature-box {
788
- width: 100%;
789
- height: 114px;
790
- }
791
- }
792
- @media (min-width: 768px) and (max-width: 991px) {
793
- .home-feature-box {
794
- width: 25%;
795
- height: 180px;
796
- }
797
- }
798
- @media (min-width: 992px) {
799
- .home-feature-box {
800
- width: 20%;
801
- height: 180px;
802
- }
803
- }
804
- .home-feature-name {
805
- line-height: 24px;
806
- font-size: 16px;
807
- font-stretch: 400;
808
- font-weight: 700;
809
- color: #fff;
810
- text-overflow: ellipsis;
811
- white-space: nowrap;
812
- overflow: hidden;
813
- position: absolute;
814
- top: 0;
815
- right: 0;
816
- bottom: 0;
817
- left: 0;
818
- transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
819
- }
820
- .home-feature-name:hover {
821
- box-shadow: 0px 0px 24px rgba(26, 26, 26, 0.2);
822
- z-index: 1;
823
- color: currentColor;
824
- text-decoration: none;
825
- }
826
- @media (max-width: 767px) {
827
- .home-feature-name {
828
- padding: 12px 12px 12px 60px;
829
- }
830
- }
831
- @media (min-width: 768px) {
832
- .home-feature-name {
833
- padding: 60px 12px 12px 12px;
834
- }
835
- }
836
- .home-inner-box {
837
- position: absolute;
838
- padding: 12px;
839
- }
840
- .div-cont {
841
- display: -webkit-box;
842
- display: -webkit-flex;
843
- display: -ms-flexbox;
844
- display: flex;
845
- /* overflow: hidden; */
846
- }
847
- .div-cont > svg {
848
- display: -webkit-box;
849
- display: -webkit-flex;
850
- display: -ms-flexbox;
851
- display: flex;
852
- -webkit-flex: 1 1 auto;
853
- -ms-flex: 1 1 auto;
854
- flex: 1 1 auto;
855
- }
856
- .div-cont > svg > * {
857
- fill: currentColor;
858
- }
859
- .mega-menu::first-line {
860
- color: gray !important;
861
- font-weight: 600;
862
- }
863
- .lang-dropdown {
864
- position: fixed;
865
- right: 30px;
866
- top: 20px;
867
- z-index: 999;
868
- }
869
- @media (max-width: 994px) {
870
- .lang-dropdown {
871
- top: 75px;
872
- z-index: 5;
873
- right: 4px;
874
- position: absolute;
875
- }
876
- .lang-dropdown .lang-dropdown-btn {
877
- position: absolute;
878
- right: 0;
879
- }
880
- .drop-down-wrapper {
881
- overflow-y: unset !important;
882
- }
883
- }
884
- .drop-down-wrapper {
885
- height: fit-content !important;
886
- }
887
- .lang-dropdown-item {
888
- width: 100%;
889
- display: block;
890
- text-align: center;
891
- text-decoration: none !important;
892
- }
893
- .rating-tool {
894
- width: 100%;
895
- display: flex;
896
- justify-content: center;
897
- align-items: center;
898
- padding: 20px 0px 20px 0px;
899
- border-top: 1px solid rgb(221, 221, 221);
900
- }
901
- .rating-text {
902
- font-size: 17px;
903
- font-weight: 700;
904
- color: rgb(33, 33, 33);
905
- padding: 6px;
906
- }
907
- .rating-stars {
908
- color: #9d9d9d !important;
909
- padding-top: 17px;
910
- display: flex;
911
- align-items: center;
912
- }
913
- .rating-stars i {
914
- padding: 5px;
915
- font-size: 17px;
916
- }
917
- .rating-value {
918
- line-height: 24px;
919
- font-size: 16px;
920
- font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
921
- -webkit-font-smoothing: antialiased;
922
- font-weight: 400;
923
- color: rgb(33, 33, 33);
924
- padding: 6px;
925
- }
926
- .related_post_heading {
927
- width: 100%;
928
- font-size: 46px;
929
- text-align: center;
930
- font-weight: 800;
931
- font-stretch: normal;
932
- font-style: normal;
933
- line-height: 1.24;
934
- letter-spacing: normal;
935
- color: rgb(17, 48, 78);
936
- margin-bottom: 45px;
937
- padding-top: 75px;
938
- display: inline-block;
939
- }
940
- .card-footer {
941
- border: none;
942
- }
943
- .wrapfooter {
944
- display: flex;
945
- align-items: center;
946
- margin-bottom: 15px;
947
- }
948
- .wrapfooter img {
949
- width: 35px;
950
- height: 35px;
951
- border-radius: 50%;
952
- }
953
- .wrapfooter .author-meta {
954
- padding: 0 15px;
955
- }
956
- .wrapfooter .author-meta a {
957
- font-size: 15px;
958
- color: #000;
959
- text-transform: capitalize;
960
- }
961
- .wrapfooter .post-read-more {
962
- flex: 50;
963
- text-align: right;
964
- }
965
- .post-date {
966
- color: rgba(0, 0, 0, 0.44);
967
- font-size: 13px;
968
- }
969
- .social-count {
970
- background: #d60000;
971
- color: #fff;
972
- position: absolute;
973
- height: 16px;
974
- width: 16px;
975
- display: inline-flex;
976
- align-items: center;
977
- justify-content: center;
978
- text-align: center;
979
- font-size: 12px;
980
- font-weight: 700;
981
- right: 1px;
982
- border-radius: 50%;
983
- margin-top: 1px;
984
- padding: 9px;
985
- }
986
- .file-detail-table th,
987
- .file-detail-table td {
988
- border: none !important;
989
- }
990
- .softwares-section img {
991
- height: 32px;
992
- min-width: 32px;
993
- }
994
- .software-name {
995
- color: #1565c0 !important;
996
- font-size: 1.1rem;
997
- margin-top: -4px;
998
- margin-left: 4px;
999
- }
1000
- .software-value {
1001
- font-size: 0.7rem;
1002
- margin-left: 4px;
1003
- color: #6d6d6d;
1004
- margin-top: -3px;
1005
- }
1006
- #rating-img {
1007
- height: 1px;
1008
- width: 1px;
1009
- filter: brightness();
1010
- filter: brightness(100);
1011
- }
1012
- .download-section {
1013
- box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px inset;
1014
- margin-top: 5px;
1015
- }
1016
- .download-btn-container {
1017
- border-bottom: 1px solid rgb(238, 238, 238);
1018
- border-left: 1px solid rgb(238, 238, 238);
1019
- padding: 24px 24px 40px;
1020
- }
1021
- .success-msg {
1022
- font-size: 20px;
1023
- font-weight: 600;
1024
- padding: 24px 0px;
1025
- color: rgb(26, 26, 26);
1026
- }
1027
- .sites-config {
1028
- padding: 0px 24px;
1029
- border-top: 1px solid rgb(238, 238, 238);
1030
- }
1031
- .social-share-section {
1032
- padding: 0px 24px;
1033
- border-top: 1px solid rgb(238, 238, 238);
1034
- }
1035
- .try-more-features {
1036
- padding: 0px 24px;
1037
- border-bottom: 1px solid rgb(238, 238, 238);
1038
- }
1039
- .sites-config {
1040
- padding: 24px 0px;
1041
- }
1042
- .social-share-section {
1043
- padding: 24px 0px;
1044
- }
1045
- #filename {
1046
- font-size: 22px;
1047
- font-weight: 700;
1048
- }
1049
- .download-social-share a i {
1050
- font-size: 1.5rem;
1051
- padding: 0px 10px;
1052
- margin: 0px 30px;
1053
- }
1054
- .share-heading {
1055
- font-size: 17px;
1056
- font-weight: 700;
1057
- color: rgb(33, 33, 33);
1058
- padding: 6px;
1059
- }
1060
- .sites-config img {
1061
- height: 27px;
1062
- }
1063
- .social-share-section,
1064
- .try-more-features {
1065
- padding: 0px 24px;
1066
- border-top: 1px solid rgb(238, 238, 238);
1067
- }
1068
- .download-social-share {
1069
- padding: 24px 0px;
1070
- border-top: 1px solid rgb(238, 238, 238);
1071
- }
1072
- .sites-config {
1073
- padding: 24px 0px;
1074
- }
1075
- .social-share-section {
1076
- padding: 24px 0px;
1077
- }
1078
- #filename {
1079
- font-size: 22px;
1080
- font-weight: 700;
1081
- }
1082
- .sites-config a {
1083
- text-decoration: none;
1084
- }
1085
- .feature-showcase-div {
1086
- margin: 0px;
1087
- padding: 0px;
1088
- overflow: visible;
1089
- text-decoration: inherit;
1090
- display: flex;
1091
- position: relative;
1092
- border: 1px solid rgb(232, 232, 232);
1093
- border-radius: 4px;
1094
- width: 100%;
1095
- cursor: pointer;
1096
- font-weight: 700;
1097
- font-size: 16px;
1098
- line-height: 24px;
1099
- color: rgb(26, 26, 26);
1100
- user-select: none;
1101
- outline: none;
1102
- -webkit-box-align: center;
1103
- align-items: center;
1104
- height: 66px;
1105
- background: rgb(250, 250, 250);
1106
- }
1107
- .feature-showcase-div:hover {
1108
- background-color: #fff;
1109
- }
1110
- .feature-showcase-div img {
1111
- width: 32px;
1112
- height: 32px;
1113
- }
1114
- .feature-showcase-div a {
1115
- text-decoration: none;
1116
- }
1117
- .feature-showcase-div i {
1118
- font-size: 11px;
1119
- }
1120
- .website-img {
1121
- height: 38px;
1122
- }
1123
- .website-wrap {
1124
- text-align: left;
1125
- }
1126
- .file-info-h1 {
1127
- font-family: Helvetica, sans-serif;
1128
- font-weight: 600;
1129
- font-size: 1.8rem;
1130
- margin: 0;
1131
- margin-bottom: 8px;
1132
- }
1133
- .file-info-h2 {
1134
- font-family: Helvetica, sans-serif;
1135
- font-weight: 600;
1136
- font-size: 19px;
1137
- color: #848d95;
1138
- margin-bottom: 10px;
1139
- }
1140
- .file-info-item-list {
1141
- list-style: disc;
1142
- color: rgb(26, 25, 25);
1143
- font-family: Helvetica;
1144
- font-size: 17.4px;
1145
- line-height: 32px;
1146
- padding: 0;
1147
- }
1148
- .file-info-img {
1149
- height: 500px;
1150
- width: 100%;
1151
- }
1152
- .info-title {
1153
- font-weight: 600;
1154
- }
1155
- .sticky-div-file-info {
1156
- position: sticky;
1157
- top: 0%;
1158
- }
1159
- ol li::marker {
1160
- font-size: 25px;
1161
- }
1162
- .drop-down-btn {
1163
- cursor: pointer;
1164
- outline: 0px;
1165
- border: 0px;
1166
- width: auto;
1167
- overflow: visible;
1168
- display: flex;
1169
- -webkit-box-align: center;
1170
- align-items: center;
1171
- background-color: transparent;
1172
- transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
1173
- font-weight: 400;
1174
- font-size: 16px;
1175
- line-height: 24px;
1176
- color: rgb(26, 26, 26);
1177
- }
1178
- .drop-down-btn svg {
1179
- height: 22px;
1180
- }
1181
- .language-drop-down-menu {
1182
- display: flex;
1183
- justify-content: space-between;
1184
- margin: 0;
1185
- padding: 0;
1186
- flex-wrap: wrap;
1187
- }
1188
- .language-drop-down-item {
1189
- width: 50%;
1190
- padding: 10px 12px 0px 0px;
1191
- text-align: center;
1192
- font-size: 15px;
1193
- margin-bottom: 0;
1194
- }
1195
- .language-drop-down-item a {
1196
- display: flex;
1197
- width: 100%;
1198
- align-items: center;
1199
- padding: 9px 9px;
1200
- border-bottom: 1px solid rgb(224, 224, 224);
1201
- }
1202
- .language-drop-down-item a:hover {
1203
- background: rgb(238, 238, 238);
1204
- border-radius: 3px;
1205
- }
1206
- .language-drop-down-item a i {
1207
- margin: 0;
1208
- }
1209
- .active-lang {
1210
- background: rgb(238, 238, 238);
1211
- border-radius: 3px;
1212
- }
1
+ * {
2
+ box-sizing: border-box;
3
+ }
4
+ body {
5
+ padding: 0;
6
+ margin: 0;
7
+ -webkit-font-smoothing: antialiased;
8
+ box-sizing: border-box;
9
+ overflow-y: scroll;
10
+ background: white;
11
+ font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
12
+ }
13
+ header {
14
+ width: 100%;
15
+ }
16
+ a,
17
+ a:hover {
18
+ text-decoration: none;
19
+ color: rgb(26, 25, 25);
20
+ }
21
+ .navbar-toggler {
22
+ outline: none !important;
23
+ }
24
+ .navbar-toggler > .fa_bars {
25
+ position: absolute;
26
+ top: 20px;
27
+ font-size: 22px;
28
+ }
29
+ .nav-header {
30
+ position: sticky;
31
+ top: 0;
32
+ z-index: 10;
33
+ background: #fff;
34
+ box-shadow: 0 10px 20px -7px #e3e3e39c;
35
+ }
36
+ .nav__item {
37
+ margin: 0 !important;
38
+ padding: 0 15px;
39
+ font-size: 15px;
40
+ font-weight: 400;
41
+ line-height: 18px;
42
+ text-align: left;
43
+ list-style: none;
44
+ position: relative;
45
+ }
46
+ .nav__item a:hover {
47
+ color: #000;
48
+ text-decoration: none !important;
49
+ }
50
+ .navbar .dropdown-menu {
51
+ position: fixed;
52
+ left: 0;
53
+ top: 71px;
54
+ width: 100%;
55
+ }
56
+ .inner-dropdown {
57
+ display: flex;
58
+ justify-content: left;
59
+ padding: 30px 100px;
60
+ flex-wrap: wrap;
61
+ }
62
+ .catPad {
63
+ padding: 0 85px;
64
+ }
65
+ .catPad li {
66
+ font-size: 14px !important;
67
+ font-weight: 500;
68
+ }
69
+ @media (max-width: 992px) {
70
+ .navbar .dropdown-menu {
71
+ overflow-y: scroll;
72
+ height: 500px;
73
+ position: static !important;
74
+ float: none;
75
+ }
76
+ .inner-dropdown {
77
+ flex-direction: column;
78
+ padding: 0px 30px;
79
+ }
80
+ .navbar-nav {
81
+ margin: 0 !important;
82
+ }
83
+
84
+ .nav__item {
85
+ padding: 15px 0;
86
+ }
87
+ }
88
+ @media (max-width: 768px) {
89
+ .innerWrapper {
90
+ padding: 40px 51px;
91
+ }
92
+ .success-msg-cont button {
93
+ margin: auto;
94
+ width: 100% !important;
95
+ justify-content: center !important;
96
+ }
97
+ .success-msg-cont {
98
+ flex-direction: column;
99
+ justify-content: center;
100
+ }
101
+ .language-drop-down-item {
102
+ width: 100% !important;
103
+ }
104
+ .file-detail-table {
105
+ overflow-x: scroll;
106
+ }
107
+ .compare-table {
108
+ overflow-x: scroll;
109
+ }
110
+ .faq-list {
111
+ width: 100% !important;
112
+ }
113
+ .feature-h1,
114
+ .feature-h2,
115
+ .home-top-h2,
116
+ .home-top-h1,
117
+ .how-to-title {
118
+ font-size: 20px !important;
119
+ }
120
+ .social-count {
121
+ right: auto !important;
122
+ margin-top: 25px !important;
123
+ }
124
+ .rating-tool {
125
+ flex-direction: column;
126
+ }
127
+ .how-to-leftimg {
128
+ margin-bottom: 24px;
129
+ }
130
+ }
131
+ .how-to-section,
132
+ .faq-section {
133
+ padding: 90px 0px;
134
+ border-top: 1px solid rgb(224, 224, 224);
135
+ }
136
+ .related-posts-section,
137
+ .usp-section,
138
+ .footer {
139
+ padding: 32px 0px;
140
+ border-top: 1px solid rgb(224, 224, 224);
141
+ }
142
+ .how-to-leftimg {
143
+ height: 180px;
144
+ width: 300px;
145
+ }
146
+ .how-to-right {
147
+ color: rgb(33, 33, 33);
148
+ }
149
+ @media (min-width: 768px) {
150
+ .how-to-title {
151
+ line-height: 30px;
152
+ font-size: 22px;
153
+ }
154
+ }
155
+ .how-to-list {
156
+ margin: 0px;
157
+ padding: 6px 0px;
158
+ list-style: none;
159
+ text-align: left;
160
+ }
161
+ .how-to-list-item {
162
+ line-height: 24px;
163
+ font-size: 16px;
164
+ font-weight: 400;
165
+ display: flex;
166
+ padding: 6px 0px;
167
+ }
168
+ .how-to-list-item span {
169
+ line-height: 24px;
170
+ font-size: 16px;
171
+ font-weight: 600;
172
+ min-width: 24px;
173
+ }
174
+ .how-to-title {
175
+ line-height: 30px;
176
+ font-weight: 600;
177
+ margin: 0px;
178
+ padding-bottom: 12px;
179
+ }
180
+ .how-to-img-wrapper {
181
+ width: 100%;
182
+ height: 100%;
183
+ display: flex;
184
+ justify-content: center;
185
+ align-items: center;
186
+ }
187
+ .feature-card-img {
188
+ width: 48px;
189
+ height: 48px;
190
+ }
191
+ .feature-card-title,
192
+ .faq-question,
193
+ .feature-card-desc,
194
+ .faq-answer {
195
+ line-height: 24px;
196
+ font-size: 16px;
197
+ font-weight: 600;
198
+ color: rgb(33, 33, 33);
199
+ text-align: center;
200
+ margin: 0px;
201
+ padding: 12px 0px;
202
+ }
203
+ .faq-question {
204
+ text-align: left;
205
+ }
206
+ .feature-card-desc {
207
+ font-weight: 400;
208
+ }
209
+ .faq-answer {
210
+ font-weight: 400;
211
+ text-align: left;
212
+ margin: 0px;
213
+ max-width: 100%;
214
+ }
215
+ main {
216
+ display: block;
217
+ }
218
+ #app {
219
+ display: -webkit-box;
220
+ display: -webkit-flex;
221
+ display: -ms-flexbox;
222
+ display: flex;
223
+ min-height: 100vh;
224
+ }
225
+ .box-border {
226
+ position: absolute;
227
+ inset: 12px;
228
+ background: rgba(0, 0, 0, 0.1);
229
+ border: 1px dashed rgba(0, 0, 0, 0.15);
230
+ }
231
+ .div-cont {
232
+ display: flex;
233
+ }
234
+ .content-box {
235
+ display: flex;
236
+ flex: 1 1 auto;
237
+ z-index: 1;
238
+ }
239
+ .flex-container {
240
+ display: flex;
241
+ -webkit-box-pack: center;
242
+ justify-content: center;
243
+ width: 100%;
244
+ }
245
+ .flex-class {
246
+ -webkit-flex: 1 0 auto;
247
+ -ms-flex: 1 0 auto;
248
+ flex: 1 0 auto;
249
+ width: 100%;
250
+ }
251
+ @media (min-width: 0px) and (max-width: 1199px) {
252
+ .flex-class {
253
+ max-width: none;
254
+ }
255
+ }
256
+ @media (min-width: 1200px) {
257
+ .flex-class {
258
+ max-width: 1200px;
259
+ }
260
+ }
261
+ @media (min-width: 0px) and (max-width: 767px) {
262
+ .flex-class {
263
+ padding: 0 18px;
264
+ }
265
+ }
266
+ @media (min-width: 768px) {
267
+ .flex-class {
268
+ padding: 0 30px;
269
+ }
270
+ }
271
+ .flex-class {
272
+ flex: 1 0 auto;
273
+ width: 100%;
274
+ }
275
+ .feature-h1,
276
+ .home-top-h2 {
277
+ line-height: 36px;
278
+ font-size: 30px;
279
+ font-weight: 600;
280
+ color: rgb(33, 33, 33);
281
+ text-align: center;
282
+ margin: 0px;
283
+ }
284
+ .feature-h2,
285
+ .home-top-h2 {
286
+ font-weight: 300;
287
+ color: rgb(33, 33, 33);
288
+ text-align: center;
289
+ margin: 0px;
290
+ }
291
+ @media (min-width: 768px) {
292
+ .feature-h2 {
293
+ line-height: 30px;
294
+ font-size: 22px;
295
+ }
296
+ }
297
+ .logo-height {
298
+ height: 42px;
299
+ }
300
+ @media (max-width: 767px) {
301
+ .logo-height {
302
+ height: 36px;
303
+ }
304
+ }
305
+ .footer-nav-item {
306
+ margin: -12px 0;
307
+ padding: 0;
308
+ display: -webkit-box;
309
+ display: -webkit-flex;
310
+ display: -ms-flexbox;
311
+ display: flex;
312
+ -webkit-flex-direction: column;
313
+ -ms-flex-direction: column;
314
+ flex-direction: column;
315
+ -webkit-box-flex: 1;
316
+ -webkit-flex-grow: 1;
317
+ -ms-flex-positive: 1;
318
+ flex-grow: 1;
319
+ -webkit-flex-shrink: 1;
320
+ -ms-flex-negative: 1;
321
+ flex-shrink: 1;
322
+ -webkit-flex-basis: 0;
323
+ -ms-flex-preferred-size: 0;
324
+ flex-basis: 0;
325
+ }
326
+ @media (min-width: 992px) {
327
+ .footer-nav-item {
328
+ -webkit-flex: initial;
329
+ -ms-flex: initial;
330
+ flex: initial;
331
+ width: 160px;
332
+ }
333
+ }
334
+ @media (min-width: 576px) and (max-width: 991px) {
335
+ .footer-nav-item {
336
+ padding: 0 20px;
337
+ }
338
+ .footer-nav-item:first-child {
339
+ padding-left: 0;
340
+ }
341
+ .footer-nav-item:last-child {
342
+ padding-right: 0;
343
+ }
344
+ }
345
+ @media (max-width: 575px) {
346
+ .footer-nav-item {
347
+ -webkit-flex-basis: auto;
348
+ -ms-flex-preferred-size: auto;
349
+ flex-basis: auto;
350
+ }
351
+ .footer-nav-item:not(:first-child) {
352
+ margin-top: 28px;
353
+ }
354
+ }
355
+ .home-feature-desc {
356
+ line-height: 18px;
357
+ font-size: 14px;
358
+ font-stretch: 400;
359
+ font-weight: 400;
360
+ position: absolute;
361
+ padding: 12px;
362
+ }
363
+ @media (max-width: 767px) {
364
+ .home-feature-desc {
365
+ right: 0;
366
+ bottom: 0;
367
+ left: 48px;
368
+ top: 36px;
369
+ }
370
+ }
371
+ @media (min-width: 768px) {
372
+ .home-feature-desc {
373
+ left: 0;
374
+ right: 0;
375
+ bottom: 0;
376
+ top: 84px;
377
+ }
378
+ }
379
+ @media (min-width: 768px) {
380
+ .home-top-h1 {
381
+ line-height: 36px;
382
+ font-size: 30px;
383
+ margin-bottom: 0px !important;
384
+ }
385
+ }
386
+ @media (min-width: 768px) {
387
+ .home-top-h2 {
388
+ line-height: 30px;
389
+ font-size: 22px;
390
+ }
391
+ }
392
+ html {
393
+ line-height: 1.15;
394
+ -webkit-text-size-adjust: 100%;
395
+ }
396
+ .header {
397
+ min-height: 80px;
398
+ }
399
+ .heading {
400
+ text-align: center;
401
+ margin-top: 90px;
402
+ }
403
+ .row {
404
+ text-align: center;
405
+ }
406
+ i {
407
+ display: block;
408
+ margin-bottom: 18px;
409
+ }
410
+ p {
411
+ font-size: 15px;
412
+ line-height: 1.41;
413
+ color: rgb(17, 48, 78);
414
+ }
415
+ .how-to {
416
+ margin-right: -15px;
417
+ margin-left: -15px;
418
+ }
419
+ .how-to-text {
420
+ position: relative;
421
+ min-height: 1px;
422
+ padding-right: 15px;
423
+ padding-left: 15px;
424
+ margin: auto;
425
+ width: 74%;
426
+ padding: 10px;
427
+ }
428
+ .how-to-h2 {
429
+ font-size: 40px;
430
+ font-weight: 800;
431
+ line-height: 1.16;
432
+ text-align: left;
433
+ color: rgb(17, 48, 78);
434
+ width: 100%;
435
+ margin-top: 70px;
436
+ }
437
+ .steps {
438
+ padding-left: 29px;
439
+ }
440
+ ul li span {
441
+ display: inline-block;
442
+ width: 20px;
443
+ margin-right: 20px;
444
+ position: absolute;
445
+ top: 0px;
446
+ left: 0px;
447
+ }
448
+ img {
449
+ outline: none;
450
+ border: none;
451
+ max-width: 100%;
452
+ height: auto;
453
+ }
454
+ ul li {
455
+ margin: 0 0 20px;
456
+ padding: 0;
457
+ font-size: 17px;
458
+ font-weight: 500;
459
+ line-height: 1.4;
460
+ text-align: left;
461
+ color: #11304e;
462
+ list-style: none;
463
+ position: relative;
464
+ }
465
+ .header {
466
+ padding: 20px 10px;
467
+ }
468
+ /* footer css start */
469
+ .footer-wrapper {
470
+ padding: 32px 0;
471
+ display: -webkit-box;
472
+ display: -webkit-flex;
473
+ display: -ms-flexbox;
474
+ display: flex;
475
+ -webkit-flex-direction: row;
476
+ -ms-flex-direction: row;
477
+ flex-direction: row;
478
+ border-bottom: 1px solid #e8e8e8;
479
+ }
480
+ @media (max-width: 991px) {
481
+ .footer-wrapper {
482
+ -webkit-flex-direction: column;
483
+ -ms-flex-direction: column;
484
+ flex-direction: column;
485
+ }
486
+ }
487
+ .footer-logo-cont {
488
+ flex: 1 1 auto;
489
+ display: flex;
490
+ flex-direction: column;
491
+ align-items: flex-start;
492
+ }
493
+ .footer-logo {
494
+ height: 40px;
495
+ }
496
+ .footer-title {
497
+ font-stretch: 400;
498
+ font-weight: 400;
499
+ font-size: 18px;
500
+ line-height: 28px;
501
+ color: rgba(26, 26, 26, 1);
502
+ padding-top: 24px;
503
+ }
504
+ .footer-nav {
505
+ -webkit-flex: 1 1 auto;
506
+ -ms-flex: 1 1 auto;
507
+ flex: 1 1 auto;
508
+ display: -webkit-box;
509
+ display: -webkit-flex;
510
+ display: -ms-flexbox;
511
+ display: flex;
512
+ -webkit-flex-direction: row;
513
+ -ms-flex-direction: row;
514
+ flex-direction: row;
515
+ -webkit-box-pack: end;
516
+ -webkit-justify-content: space-between;
517
+ -ms-flex-pack: end;
518
+ justify-content: space-between;
519
+ }
520
+ @media (max-width: 991px) {
521
+ .footer-nav {
522
+ padding-top: 32px;
523
+ -webkit-box-pack: justify;
524
+ -webkit-justify-content: space-between;
525
+ -ms-flex-pack: justify;
526
+ justify-content: space-between;
527
+ }
528
+ }
529
+ @media (max-width: 575px) {
530
+ .footer-nav {
531
+ -webkit-flex-direction: column;
532
+ -ms-flex-direction: column;
533
+ flex-direction: column;
534
+ }
535
+ }
536
+ .footer-ul {
537
+ display: flex;
538
+ flex-direction: column;
539
+ padding-left: 0;
540
+ }
541
+ .footer-ul-title {
542
+ font-stretch: 400;
543
+ font-weight: 700;
544
+ font-size: 16px;
545
+ line-height: 24px;
546
+ color: rgba(26, 26, 26, 1);
547
+ padding: 12px 0;
548
+ -webkit-user-select: none;
549
+ -moz-user-select: none;
550
+ -ms-user-select: none;
551
+ user-select: none;
552
+ }
553
+ .footer-link {
554
+ font-stretch: 400;
555
+ font-weight: 400;
556
+ font-size: 16px;
557
+ line-height: 24px;
558
+ color: rgba(26, 26, 26, 1);
559
+ padding: 12px 0;
560
+ -webkit-flex: 0 0 auto;
561
+ -ms-flex: 0 0 auto;
562
+ flex: 0 0 auto;
563
+ width: 100%;
564
+ }
565
+ .footer-link:hover {
566
+ color: rgba(117, 117, 117, 1);
567
+ }
568
+ .footer-msg {
569
+ font-stretch: 400;
570
+ font-weight: 400;
571
+ font-size: 16px;
572
+ line-height: 24px;
573
+ color: rgba(26, 26, 26, 1);
574
+ -webkit-flex: 1 1 auto;
575
+ -ms-flex: 1 1 auto;
576
+ flex: 1 1 auto;
577
+ }
578
+ @media (min-width: 576px) and (max-width: 991px) {
579
+ .footer-msg {
580
+ padding-top: 24px;
581
+ }
582
+ }
583
+ .privacy-footer {
584
+ display: -webkit-box;
585
+ display: -webkit-flex;
586
+ display: -ms-flexbox;
587
+ display: flex;
588
+ -webkit-flex-direction: row;
589
+ -ms-flex-direction: row;
590
+ flex-direction: row;
591
+ padding: 24px 0;
592
+ }
593
+ @media (max-width: 991px) {
594
+ .privacy-footer {
595
+ -webkit-flex-direction: column-reverse;
596
+ -ms-flex-direction: column-reverse;
597
+ flex-direction: column-reverse;
598
+ }
599
+ }
600
+ @media (max-width: 575px) {
601
+ .privacy-footer {
602
+ padding: 32px 0;
603
+ }
604
+ }
605
+ .privacy-links {
606
+ display: -webkit-box;
607
+ display: -webkit-flex;
608
+ display: -ms-flexbox;
609
+ display: flex;
610
+ -webkit-align-items: flex-start;
611
+ -webkit-box-align: flex-start;
612
+ -ms-flex-align: flex-start;
613
+ align-items: flex-start;
614
+ -webkit-flex-direction: row;
615
+ -ms-flex-direction: row;
616
+ flex-direction: row;
617
+ }
618
+ @media (max-width: 575px) {
619
+ .privacy-links {
620
+ -webkit-flex-direction: column-reverse;
621
+ -ms-flex-direction: column-reverse;
622
+ flex-direction: column-reverse;
623
+ }
624
+ }
625
+ .privacy-links-item {
626
+ font-stretch: 400;
627
+ font-weight: 400;
628
+ font-size: 16px;
629
+ line-height: 24px;
630
+ color: rgba(26, 26, 26, 1);
631
+ margin: 0 20px;
632
+ }
633
+ .privacy-links-item:hover {
634
+ color: rgba(117, 117, 117, 1);
635
+ }
636
+ .privacy-links-item:first-child {
637
+ margin-left: 0;
638
+ }
639
+ .privacy-links-item:last-child {
640
+ margin-right: 0;
641
+ }
642
+ @media (max-width: 575px) {
643
+ .privacy-links-item {
644
+ margin-left: 0;
645
+ margin-right: 0;
646
+ margin-bottom: 32px;
647
+ }
648
+ }
649
+ /* footer css end */
650
+ /*about termsand conditions help*/
651
+ .contact-h1 {
652
+ line-height: 30px;
653
+ font-size: 22px;
654
+ font-stretch: 400;
655
+ font-weight: 600;
656
+ color: rgba(33, 33, 33, 1);
657
+ text-align: center;
658
+ margin: 0;
659
+ }
660
+ @media (min-width: 768px) {
661
+ .contact-h1 {
662
+ line-height: 36px;
663
+ font-size: 30px;
664
+ }
665
+ }
666
+ .contact-h2 {
667
+ line-height: 30px;
668
+ font-stretch: 400;
669
+ font-weight: 300;
670
+ font-size: 20px;
671
+ color: rgba(33, 33, 33, 1);
672
+ text-align: center;
673
+ margin: 0;
674
+ }
675
+ @media (min-width: 768px) {
676
+ .contact-h2 {
677
+ line-height: 30px;
678
+ font-size: 22px;
679
+ }
680
+ }
681
+ .about-h1 {
682
+ line-height: 30px;
683
+ font-size: 22px;
684
+ font-stretch: 400;
685
+ font-weight: 600;
686
+ color: rgba(33, 33, 33, 1);
687
+ text-align: center;
688
+ margin: 0;
689
+ }
690
+ @media (min-width: 768px) {
691
+ .about-h1 {
692
+ line-height: 36px;
693
+ font-size: 30px;
694
+ }
695
+ }
696
+ .about-h2 {
697
+ line-height: 30px;
698
+ font-stretch: 400;
699
+ font-weight: 300;
700
+ font-size: 20px;
701
+ color: rgba(33, 33, 33, 1);
702
+ text-align: center;
703
+ margin: 0;
704
+ }
705
+ .common-h2 {
706
+ font-stretch: 400;
707
+ font-size: 20px;
708
+ color: rgba(33, 33, 33, 1);
709
+ }
710
+ @media (min-width: 768px) {
711
+ .about-h2 {
712
+ line-height: 30px;
713
+ font-size: 22px;
714
+ }
715
+ .common-h2 {
716
+ font-size: 22px;
717
+ }
718
+ }
719
+ .feature-img {
720
+ width: 36px;
721
+ height: 36px;
722
+ }
723
+ .box-padding {
724
+ padding: 0px 0px 24px;
725
+ }
726
+ .box {
727
+ position: relative;
728
+ display: flex;
729
+ flex-direction: column;
730
+ background-color: rgb(242, 48, 48);
731
+ min-height: 300px;
732
+ width: 100%;
733
+ }
734
+ .social-icons {
735
+ position: fixed;
736
+ right: 0;
737
+ top: 35%;
738
+ width: 47px;
739
+ height: 174px;
740
+ display: flex;
741
+ flex-direction: column;
742
+ align-items: center;
743
+ justify-content: center;
744
+ z-index: 999;
745
+ border-top-left-radius: 8px;
746
+ border-bottom-left-radius: 8px;
747
+ background: #fff;
748
+ box-shadow: 0 0 20px -7px #191a1a9e;
749
+ line-height: 30px;
750
+ }
751
+
752
+ @media (max-width: 768px) {
753
+ .social-icons {
754
+ left: 0;
755
+ bottom: 0 !important;
756
+ top: auto;
757
+ font-size: 25px;
758
+ width: 100%;
759
+ height: 60px;
760
+ display: flex;
761
+ margin: 0 !important;
762
+ flex-direction: row;
763
+ justify-content: space-evenly;
764
+ line-height: 100px;
765
+ }
766
+ }
767
+ .social-icon {
768
+ margin: 0 !important;
769
+ color: gray;
770
+ font-size: 1.6rem;
771
+ }
772
+ .social-icon:hover {
773
+ color: black;
774
+ }
775
+ .home-features {
776
+ display: -webkit-box;
777
+ display: -webkit-flex;
778
+ display: -ms-flexbox;
779
+ display: flex;
780
+ -webkit-flex-wrap: wrap;
781
+ -ms-flex-wrap: wrap;
782
+ flex-wrap: wrap;
783
+ list-style: none;
784
+ margin: 0;
785
+ padding: 0 0 90px 0;
786
+ }
787
+
788
+ .home-feature-box {
789
+ position: relative;
790
+ color: white;
791
+ margin: 0;
792
+ transition: 0.2s linear;
793
+ border: 1px solid white;
794
+ }
795
+ .home-feature-box:hover {
796
+ transform: translateY(-17px);
797
+ }
798
+ @media (min-width: 0px) and (max-width: 767px) {
799
+ .home-feature-box {
800
+ width: 100%;
801
+ height: 114px;
802
+ }
803
+ }
804
+ @media (min-width: 768px) and (max-width: 991px) {
805
+ .home-feature-box {
806
+ width: 25%;
807
+ height: 180px;
808
+ }
809
+ }
810
+ @media (min-width: 992px) {
811
+ .home-feature-box {
812
+ width: 20%;
813
+ height: 180px;
814
+ }
815
+ }
816
+ .home-feature-name {
817
+ line-height: 24px;
818
+ font-size: 16px;
819
+ font-stretch: 400;
820
+ font-weight: 700;
821
+ color: #fff;
822
+ text-overflow: ellipsis;
823
+ white-space: nowrap;
824
+ overflow: hidden;
825
+ position: absolute;
826
+ top: 0;
827
+ right: 0;
828
+ bottom: 0;
829
+ left: 0;
830
+ transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
831
+ }
832
+ .home-feature-name:hover {
833
+ box-shadow: 0px 0px 24px rgba(26, 26, 26, 0.2);
834
+ z-index: 1;
835
+ color: currentColor;
836
+ text-decoration: none;
837
+ }
838
+ @media (max-width: 767px) {
839
+ .home-feature-name {
840
+ padding: 12px 12px 12px 60px;
841
+ }
842
+ }
843
+ @media (min-width: 768px) {
844
+ .home-feature-name {
845
+ padding: 60px 12px 12px 12px;
846
+ }
847
+ }
848
+ .home-inner-box {
849
+ position: absolute;
850
+ padding: 12px;
851
+ }
852
+ .div-cont {
853
+ display: -webkit-box;
854
+ display: -webkit-flex;
855
+ display: -ms-flexbox;
856
+ display: flex;
857
+ /* overflow: hidden; */
858
+ }
859
+ .div-cont > svg {
860
+ display: -webkit-box;
861
+ display: -webkit-flex;
862
+ display: -ms-flexbox;
863
+ display: flex;
864
+ -webkit-flex: 1 1 auto;
865
+ -ms-flex: 1 1 auto;
866
+ flex: 1 1 auto;
867
+ }
868
+ .div-cont > svg > * {
869
+ fill: currentColor;
870
+ }
871
+ .mega-menu::first-line {
872
+ color: gray !important;
873
+ font-weight: 600;
874
+ }
875
+ .lang-dropdown {
876
+ position: fixed;
877
+ right: 30px;
878
+ top: 20px;
879
+ z-index: 999;
880
+ }
881
+ @media (max-width: 994px) {
882
+ .lang-dropdown {
883
+ top: 75px;
884
+ z-index: 5;
885
+ right: 4px;
886
+ position: absolute;
887
+ }
888
+ .lang-dropdown .lang-dropdown-btn {
889
+ position: absolute;
890
+ right: 0;
891
+ }
892
+ .drop-down-wrapper {
893
+ overflow-y: unset !important;
894
+ }
895
+ }
896
+ .drop-down-wrapper {
897
+ height: fit-content !important;
898
+ }
899
+ .lang-dropdown-item {
900
+ width: 100%;
901
+ display: block;
902
+ text-align: center;
903
+ text-decoration: none !important;
904
+ }
905
+ .rating-tool {
906
+ width: 100%;
907
+ display: flex;
908
+ justify-content: center;
909
+ align-items: center;
910
+ padding: 20px 0px 20px 0px;
911
+ border-top: 1px solid rgb(221, 221, 221);
912
+ }
913
+ .rating-text {
914
+ font-size: 17px;
915
+ font-weight: 700;
916
+ color: rgb(33, 33, 33);
917
+ padding: 6px;
918
+ }
919
+ .rating-stars {
920
+ color: #9d9d9d !important;
921
+ padding-top: 17px;
922
+ display: flex;
923
+ align-items: center;
924
+ }
925
+ .rating-stars i {
926
+ padding: 5px;
927
+ font-size: 17px;
928
+ }
929
+ .rating-value {
930
+ line-height: 24px;
931
+ font-size: 16px;
932
+ font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
933
+ -webkit-font-smoothing: antialiased;
934
+ font-weight: 400;
935
+ color: rgb(33, 33, 33);
936
+ padding: 6px;
937
+ }
938
+ .related_post_heading {
939
+ width: 100%;
940
+ font-size: 46px;
941
+ text-align: center;
942
+ font-weight: 800;
943
+ font-stretch: normal;
944
+ font-style: normal;
945
+ line-height: 1.24;
946
+ letter-spacing: normal;
947
+ color: rgb(17, 48, 78);
948
+ margin-bottom: 45px;
949
+ padding-top: 75px;
950
+ display: inline-block;
951
+ }
952
+ .card-footer {
953
+ border: none;
954
+ }
955
+ .wrapfooter {
956
+ display: flex;
957
+ align-items: center;
958
+ margin-bottom: 15px;
959
+ }
960
+ .wrapfooter img {
961
+ width: 35px;
962
+ height: 35px;
963
+ border-radius: 50%;
964
+ }
965
+ .wrapfooter .author-meta {
966
+ padding: 0 15px;
967
+ }
968
+ .wrapfooter .author-meta a {
969
+ font-size: 15px;
970
+ color: #000;
971
+ text-transform: capitalize;
972
+ }
973
+ .wrapfooter .post-read-more {
974
+ flex: 50;
975
+ text-align: right;
976
+ }
977
+ .post-date {
978
+ color: rgba(0, 0, 0, 0.44);
979
+ font-size: 13px;
980
+ }
981
+ .social-count {
982
+ background: #d60000;
983
+ color: #fff;
984
+ position: absolute;
985
+ height: 16px;
986
+ width: 16px;
987
+ display: inline-flex;
988
+ align-items: center;
989
+ justify-content: center;
990
+ text-align: center;
991
+ font-size: 12px;
992
+ font-weight: 700;
993
+ right: 1px;
994
+ border-radius: 50%;
995
+ margin-top: 1px;
996
+ padding: 9px;
997
+ }
998
+ .file-detail-table th,
999
+ .file-detail-table td {
1000
+ border: none !important;
1001
+ }
1002
+ .softwares-section img {
1003
+ height: 32px;
1004
+ min-width: 32px;
1005
+ }
1006
+ .software-name {
1007
+ color: #1565c0 !important;
1008
+ font-size: 1.1rem;
1009
+ margin-top: -4px;
1010
+ margin-left: 4px;
1011
+ }
1012
+ .software-value {
1013
+ font-size: 0.7rem;
1014
+ margin-left: 4px;
1015
+ color: #6d6d6d;
1016
+ margin-top: -3px;
1017
+ }
1018
+ #rating-img {
1019
+ height: 1px;
1020
+ width: 1px;
1021
+ filter: brightness();
1022
+ filter: brightness(100);
1023
+ }
1024
+ .download-section {
1025
+ box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px inset;
1026
+ margin-top: 5px;
1027
+ }
1028
+ .download-btn-container {
1029
+ border-bottom: 1px solid rgb(238, 238, 238);
1030
+ border-left: 1px solid rgb(238, 238, 238);
1031
+ padding: 24px 24px 40px;
1032
+ }
1033
+ .success-greeting {
1034
+ display: flex;
1035
+ justify-content: center;
1036
+ align-items: center;
1037
+ margin-right: 15px;
1038
+ width: 100%;
1039
+ }
1040
+ .success-greeting p {
1041
+ margin-bottom: 0px;
1042
+ padding: 0;
1043
+ }
1044
+ .success-msg-cont {
1045
+ padding: 24px 30px;
1046
+ display: flex;
1047
+ justify-content: space-between;
1048
+ flex-direction: column;
1049
+ }
1050
+ .success-msg {
1051
+ color: rgb(26, 26, 26);
1052
+ font-size: 20px;
1053
+ font-weight: 600;
1054
+ padding: 24px 0px;
1055
+ }
1056
+ .success-msg-cont button {
1057
+ border: none;
1058
+ width: 400px;
1059
+ background: transparent;
1060
+ cursor: pointer;
1061
+ font-size: 17px;
1062
+ margin-right: 4px;
1063
+ display: flex;
1064
+ align-items: center;
1065
+ justify-content: flex-end;
1066
+ margin-left: auto;
1067
+ padding-top: 5px;
1068
+ }
1069
+ .success-msg-cont button i {
1070
+ margin-right: 4px;
1071
+ padding-top: 1px;
1072
+ margin-bottom: 0;
1073
+ color: #11304e;
1074
+ }
1075
+ .sites-config {
1076
+ padding: 0px 24px;
1077
+ border-top: 1px solid rgb(238, 238, 238);
1078
+ }
1079
+ .social-share-section {
1080
+ padding: 0px 24px;
1081
+ border-top: 1px solid rgb(238, 238, 238);
1082
+ }
1083
+ .try-more-features {
1084
+ padding: 0px 24px;
1085
+ border-bottom: 1px solid rgb(238, 238, 238);
1086
+ }
1087
+ .sites-config {
1088
+ padding: 24px 0px;
1089
+ }
1090
+ .social-share-section {
1091
+ padding: 24px 0px;
1092
+ }
1093
+ #filename {
1094
+ font-size: 22px;
1095
+ font-weight: 700;
1096
+ }
1097
+ .download-social-share a i {
1098
+ font-size: 1.5rem;
1099
+ padding: 0px 10px;
1100
+ margin: 0px 30px;
1101
+ }
1102
+ .share-heading {
1103
+ font-size: 17px;
1104
+ font-weight: 700;
1105
+ color: rgb(33, 33, 33);
1106
+ padding: 6px;
1107
+ }
1108
+ .sites-config img {
1109
+ height: 27px;
1110
+ }
1111
+ .social-share-section,
1112
+ .try-more-features {
1113
+ padding: 0px 24px;
1114
+ border-top: 1px solid rgb(238, 238, 238);
1115
+ }
1116
+ .download-social-share {
1117
+ padding: 24px 0px;
1118
+ border-top: 1px solid rgb(238, 238, 238);
1119
+ }
1120
+ .sites-config {
1121
+ padding: 24px 0px;
1122
+ }
1123
+ .social-share-section {
1124
+ padding: 24px 0px;
1125
+ }
1126
+ #filename {
1127
+ font-size: 22px;
1128
+ font-weight: 700;
1129
+ }
1130
+ .sites-config a {
1131
+ text-decoration: none;
1132
+ }
1133
+ .feature-showcase-div {
1134
+ margin: 0px;
1135
+ padding: 0px;
1136
+ overflow: visible;
1137
+ text-decoration: inherit;
1138
+ display: flex;
1139
+ position: relative;
1140
+ border: 1px solid rgb(232, 232, 232);
1141
+ border-radius: 4px;
1142
+ width: 100%;
1143
+ cursor: pointer;
1144
+ font-weight: 700;
1145
+ font-size: 16px;
1146
+ line-height: 24px;
1147
+ color: rgb(26, 26, 26);
1148
+ user-select: none;
1149
+ outline: none;
1150
+ -webkit-box-align: center;
1151
+ align-items: center;
1152
+ height: 66px;
1153
+ background: rgb(250, 250, 250);
1154
+ }
1155
+ .feature-showcase-div:hover {
1156
+ background-color: #fff;
1157
+ }
1158
+ .feature-showcase-div img {
1159
+ width: 32px;
1160
+ height: 32px;
1161
+ }
1162
+ .feature-showcase-div a {
1163
+ text-decoration: none;
1164
+ }
1165
+ .feature-showcase-div i {
1166
+ font-size: 11px;
1167
+ }
1168
+ .website-img {
1169
+ height: 38px;
1170
+ }
1171
+ .website-wrap {
1172
+ text-align: left;
1173
+ }
1174
+ .file-info-h1 {
1175
+ font-family: Helvetica, sans-serif;
1176
+ font-weight: 600;
1177
+ font-size: 1.8rem;
1178
+ margin: 0;
1179
+ margin-bottom: 8px;
1180
+ }
1181
+ .file-info-h2 {
1182
+ font-family: Helvetica, sans-serif;
1183
+ font-weight: 600;
1184
+ font-size: 19px;
1185
+ color: #848d95;
1186
+ margin-bottom: 10px;
1187
+ }
1188
+ .file-info-item-list {
1189
+ list-style: disc;
1190
+ color: rgb(26, 25, 25);
1191
+ font-family: Helvetica;
1192
+ font-size: 17.4px;
1193
+ line-height: 32px;
1194
+ padding: 0;
1195
+ }
1196
+ .file-info-img {
1197
+ height: 500px;
1198
+ width: 100%;
1199
+ }
1200
+ .info-title {
1201
+ font-weight: 600;
1202
+ }
1203
+ .sticky-div-file-info {
1204
+ position: sticky;
1205
+ top: 0%;
1206
+ }
1207
+ ol li::marker {
1208
+ font-size: 25px;
1209
+ }
1210
+ .drop-down-btn {
1211
+ cursor: pointer;
1212
+ outline: 0px;
1213
+ border: 0px;
1214
+ width: auto;
1215
+ overflow: visible;
1216
+ display: flex;
1217
+ -webkit-box-align: center;
1218
+ align-items: center;
1219
+ background-color: transparent;
1220
+ transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
1221
+ font-weight: 400;
1222
+ font-size: 16px;
1223
+ line-height: 24px;
1224
+ color: rgb(26, 26, 26);
1225
+ }
1226
+ .drop-down-btn svg {
1227
+ height: 22px;
1228
+ }
1229
+ .language-drop-down-menu {
1230
+ display: flex;
1231
+ justify-content: space-between;
1232
+ margin: 0;
1233
+ padding: 0;
1234
+ flex-wrap: wrap;
1235
+ }
1236
+ .language-drop-down-item {
1237
+ width: 50%;
1238
+ padding: 10px 12px 0px 0px;
1239
+ text-align: center;
1240
+ font-size: 15px;
1241
+ margin-bottom: 0;
1242
+ }
1243
+ .language-drop-down-item a {
1244
+ display: flex;
1245
+ width: 100%;
1246
+ align-items: center;
1247
+ padding: 9px 9px;
1248
+ border-bottom: 1px solid rgb(224, 224, 224);
1249
+ }
1250
+ .language-drop-down-item a:hover {
1251
+ background: rgb(238, 238, 238);
1252
+ border-radius: 3px;
1253
+ }
1254
+ .language-drop-down-item a i {
1255
+ margin: 0;
1256
+ }
1257
+ .active-lang {
1258
+ background: rgb(238, 238, 238);
1259
+ border-radius: 3px;
1260
+ }