appscms-tools-theme 1.3.0 → 1.3.5

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