appscms-tools-theme 4.6.2 → 4.6.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (131) hide show
  1. checksums.yaml +4 -4
  2. data/_data/about/en/about.json +16 -16
  3. data/_data/blog/nav.json +14 -14
  4. data/_data/blog/relatedblogs.json +2816 -2816
  5. data/_data/feature/en/batch-conversion.json +192 -192
  6. data/_data/feature/en/compress-pdf.json +209 -305
  7. data/_data/feature/en/devtools.json +321 -321
  8. data/_data/feature/en/face-detection.json +156 -156
  9. data/_data/feature/en/split-pdf.json +221 -221
  10. data/_data/feature/en/theframe.json +160 -160
  11. data/_data/footer/en/data.json +2 -2
  12. data/_data/header/en/data.json +412 -412
  13. data/_data/home/en/en.json +324 -324
  14. data/_data/home/en/posters.json +322 -322
  15. data/_includes/appscms/customblog/contenttool-recent-posts.html +94 -94
  16. data/_includes/appscms/customblog/pageRelatedPosts.html +68 -68
  17. data/_includes/appscms/customblog/recentposts.html +67 -67
  18. data/_includes/appscms/customblog/relatedBlogs.html +82 -82
  19. data/_includes/appscms/customblog/relatedposts.html +193 -193
  20. data/_includes/appscms/extras/appscms-postbox.html +57 -57
  21. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +85 -85
  22. data/_includes/appscms/head/bloghead.html +128 -128
  23. data/_includes/appscms/headings/contenttool-headings.html +33 -33
  24. data/_includes/appscms/headings/devtool-headings.html +38 -38
  25. data/_includes/appscms/home/contenttool-feature-boxes.html +19 -19
  26. data/_includes/appscms/home/devtool-feature-boxes.html +70 -70
  27. data/_includes/appscms/infographics/infographics.html +166 -166
  28. data/_includes/appscms/loaders/loader.html +4 -4
  29. data/_includes/appscms/navbars/devtool-navbar.html +50 -50
  30. data/_includes/appscms/navbars/devtool-toolbar.html +100 -100
  31. data/_includes/appscms/navbars/toolbar.html +4 -17
  32. data/_includes/appscms/recent-posts/recent_posts.html +90 -90
  33. data/_includes/appscms/recent-posts/related_categories_post.html +194 -194
  34. data/_includes/appscms/searchbar/devtool-searchbar.html +63 -63
  35. data/_includes/appscms/usp/usp.html +90 -90
  36. data/_includes/author_bio.html +41 -41
  37. data/_includes/authorpagehead/index.html +47 -47
  38. data/_includes/authors/authors.html +39 -39
  39. data/_includes/batch-conversion.html +141 -141
  40. data/_includes/bookmark.html +6 -6
  41. data/_includes/cssfile/links.html +54 -54
  42. data/_includes/custom-head.html +138 -138
  43. data/_includes/customCode.html +1 -1
  44. data/_includes/customScripts.html +1 -1
  45. data/_includes/customblog/pageRelatedPosts.html +87 -87
  46. data/_includes/customblog/recentposts.html +67 -67
  47. data/_includes/customblog/relatedBlogs.html +86 -86
  48. data/_includes/customblog/relatedposts.html +201 -201
  49. data/_includes/dropdown/langdropdown.html +32 -32
  50. data/_includes/feature.html +39 -39
  51. data/_includes/featurePageAuthors/featurePageAuthors.html +101 -101
  52. data/_includes/footer/index.html +537 -537
  53. data/_includes/google-analytics.html +32 -32
  54. data/_includes/head/index.html +623 -623
  55. data/_includes/header/blogHeader.html +34 -34
  56. data/_includes/header/index.html +192 -192
  57. data/_includes/infographics/infographics.html +241 -241
  58. data/_includes/paginationBlogPage.html +70 -70
  59. data/_includes/postbox.html +65 -65
  60. data/_includes/script.html +493 -493
  61. data/_includes/section/count.html +32 -32
  62. data/_includes/section/recent_posts.html +94 -94
  63. data/_includes/section/related_categories_post.html +196 -196
  64. data/_includes/share/socialshare.html +21 -21
  65. data/_includes/userTracking.html +14 -14
  66. data/_layouts/aboutUs.html +175 -175
  67. data/_layouts/allAuthors.html +131 -131
  68. data/_layouts/appscms-about.html +163 -163
  69. data/_layouts/appscms-audio.html +33 -33
  70. data/_layouts/appscms-author.html +436 -436
  71. data/_layouts/appscms-authors.html +145 -145
  72. data/_layouts/appscms-batch.html +141 -141
  73. data/_layouts/appscms-calculator.html +93 -93
  74. data/_layouts/appscms-categories.html +26 -26
  75. data/_layouts/appscms-contact.html +132 -132
  76. data/_layouts/appscms-disclaimer.html +124 -124
  77. data/_layouts/appscms-download.html +289 -289
  78. data/_layouts/appscms-feature-result.html +96 -96
  79. data/_layouts/appscms-help.html +25 -25
  80. data/_layouts/appscms-imagekit.html +96 -96
  81. data/_layouts/appscms-post.html +243 -243
  82. data/_layouts/appscms-privacy-policy.html +781 -781
  83. data/_layouts/appscms-terms-and-conditions.html +646 -646
  84. data/_layouts/appscms-video.html +33 -33
  85. data/_layouts/audio.html +33 -33
  86. data/_layouts/author.html +409 -409
  87. data/_layouts/batch.html +177 -177
  88. data/_layouts/blog-1.html +116 -116
  89. data/_layouts/blog.html +131 -131
  90. data/_layouts/calculator.html +99 -99
  91. data/_layouts/contenttool-feature.html +45 -45
  92. data/_layouts/contenttool-home.html +53 -53
  93. data/_layouts/devtool-blog.html +132 -132
  94. data/_layouts/devtool-feature.html +54 -54
  95. data/_layouts/devtool-home.html +53 -53
  96. data/_layouts/devtools.html +57 -57
  97. data/_layouts/feature-1.html +406 -406
  98. data/_layouts/feature.html +351 -351
  99. data/_layouts/featureResultPage.html +82 -82
  100. data/_layouts/frame.html +222 -222
  101. data/_layouts/home.html +281 -281
  102. data/_layouts/homeResultPage.html +32 -32
  103. data/_layouts/imagekit.html +308 -308
  104. data/_layouts/photo-effects-home.html +190 -190
  105. data/_layouts/post.html +233 -233
  106. data/assets/app.js +75 -75
  107. data/assets/css/appscms-blog.css +505 -505
  108. data/assets/css/appscms-contenttool.css +1384 -1384
  109. data/assets/css/appscms-home.css +5 -5
  110. data/assets/css/appscms-imagekit.css +855 -855
  111. data/assets/css/appscms-variables.css +19 -19
  112. data/assets/css/blog.css +510 -510
  113. data/assets/css/calculators.css +46 -46
  114. data/assets/css/devtool-main.css +1350 -1350
  115. data/assets/css/devtools.css +105 -105
  116. data/assets/css/feature-1.css +293 -293
  117. data/assets/css/imagekit copy.css +848 -848
  118. data/assets/css/imagekit.css +848 -848
  119. data/assets/css/tools.css +1847 -1847
  120. data/assets/images/close-button.svg +31 -31
  121. data/assets/images/digipaint.svg +6 -6
  122. data/assets/images/logo.svg +2 -2
  123. data/assets/images/manthink.svg +3552 -3552
  124. data/assets/images/search-icon.svg +2 -2
  125. data/assets/js/batch.js +219 -219
  126. data/assets/js/devtools.js +81 -81
  127. data/assets/js/sharePage.js +65 -65
  128. data/assets/js/usageTracking.js +143 -143
  129. data/assets/js/usageTrackingEvents.js +6 -6
  130. data/assets/js/webvitals.js +4 -4
  131. metadata +3 -3
@@ -1,1384 +1,1384 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap");
2
-
3
- * {
4
- box-sizing: border-box;
5
- font-family: "Inter", sans-serif;
6
- }
7
- .contenttool-bg-lite{
8
- background: linear-gradient(180deg, #eff7ff, transparent);
9
- height: 100vh;
10
- width: 100vw;
11
- position: absolute;
12
- top: 0;
13
- left: 0;
14
- z-index: -9999;
15
- }
16
- body {
17
- padding: 0;
18
- margin: 0;
19
- -webkit-font-smoothing: antialiased;
20
- font-family: var(--font-family);
21
- overflow-x: hidden;
22
- background: #fafafa !important;
23
- }
24
- /* appscms navbar */
25
- .appscms-navbar {
26
- background-color: var(--white-color);
27
- height: 45px;
28
- position: sticky;
29
- top: 0;
30
- z-index: 999;
31
- }
32
-
33
- .appscms-navbar-nav {
34
- display: flex;
35
- width: 100%;
36
- height: 100%;
37
- justify-content: space-between;
38
- }
39
- .appscms-navbar-nav a {
40
- display: flex;
41
- align-items: center;
42
- }
43
- .appscms-navbar-nav-links {
44
- width: 100%;
45
- height: 100%;
46
- display: flex;
47
- justify-content: flex-end;
48
- gap: 45px;
49
- align-items: center;
50
- }
51
-
52
- .appscms-nav-link {
53
- font-size: 15px;
54
- color: var(--black-light);
55
- font-weight: 450;
56
- }
57
- .appscms-nav-link:hover {
58
- color: var(--black-color);
59
- text-decoration: underline;
60
- }
61
- .arrow-svg {
62
- display: none;
63
- }
64
-
65
- .appscms-toolbar {
66
- background-color: #2f79f2;
67
- box-shadow: 1px 4px 10 #00000026;
68
- position: sticky;
69
- z-index: 999;
70
- top: 45px;
71
- }
72
-
73
- .appscms-toolbar .appscms-toolbar-list {
74
- list-style: none;
75
- display: flex;
76
- padding: 0;
77
- margin: 0;
78
- height: 40px;
79
- gap: 59px;
80
- }
81
-
82
- .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item {
83
- color: var(--black-light);
84
- display: block;
85
- font-size: 16px;
86
- line-height: 24px;
87
- padding: 10px;
88
- position: relative;
89
- text-decoration: none;
90
- display: flex;
91
- align-items: center;
92
- justify-content: center;
93
- cursor: pointer;
94
- }
95
- .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:first-child {
96
- padding-left: 0px;
97
- }
98
- .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:first-child {
99
- padding-right: 0px;
100
- }
101
- .appscms-toolbar
102
- .appscms-toolbar-list
103
- .appscms-toolbar-list-item:hover
104
- > .list-item-dropdown {
105
- display: block;
106
- opacity: 1;
107
- }
108
-
109
- .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:hover {
110
- border-bottom: 2px solid white;
111
- padding-bottom: 8px;
112
- position: relative;
113
- }
114
-
115
- /* smooth scrolling code */
116
- .appscms-toolbar-list {
117
- overflow-y: hidden;
118
- overflow-x: auto;
119
- }
120
-
121
- .appscms-toolbar-list::-webkit-scrollbar {
122
- width: 0;
123
- height: 0;
124
- }
125
-
126
- .appscms-toolbar-list::-webkit-scrollbar-track {
127
- background-color: transparent;
128
- }
129
-
130
- .appscms-toolbar-list::-webkit-scrollbar-thumb {
131
- background-color: transparent;
132
- }
133
-
134
- .appscms-toolbar .list-item-dropdown {
135
- left: 0px;
136
- position: fixed;
137
- top: 85px;
138
- min-width: 500px;
139
- width: 90vw;
140
- box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
141
- z-index: 200;
142
- border-bottom-left-radius: 10px;
143
- border-bottom-right-radius: 10px;
144
- padding: 25px 50px 50px 50px;
145
- display: none;
146
- background-color: var(--white-color);
147
-
148
- }
149
-
150
- .list-item-dropdown-heading {
151
- font-weight: 600;
152
- font-size: 13px;
153
- color: var(--black-light);
154
- margin-bottom: 8px;
155
- }
156
- .list-item-dropdown li {
157
- padding-top: 1px;
158
- padding-bottom: 1px;
159
- list-style: none;
160
- }
161
- .list-item-dropdown li .toolbar-link {
162
- font-weight: 600;
163
- line-height: 1.7;
164
- color: var(--dark-gray);
165
- padding-top: 10px;
166
- padding-bottom: 8px;
167
- align-items: center;
168
- width: 100%;
169
- font-size: 16px;
170
- text-decoration: none;
171
- text-transform: capitalize;
172
- white-space: nowrap;
173
- }
174
-
175
- .list-item-dropdown li .toolbar-link:hover {
176
- background-color: rgba(241, 241, 241, 0.279);
177
- box-shadow: 0px 0px 5px rgba(241, 241, 241, 0.279);
178
- border-radius: 5px;
179
- color: #323232;
180
- }
181
- .appscms-toolbar-list-item-span {
182
- color: var(--white-color);
183
- display: block;
184
- font-size: 15px;
185
- line-height: 24px;
186
- width: 100%;
187
- white-space: nowrap;
188
- padding: 8px 0;
189
- position: relative;
190
- text-decoration: none;
191
- }
192
- .hamburger {
193
- display: none;
194
- }
195
-
196
- .appscms-faq-section {
197
- max-width: 1140px;
198
- }
199
-
200
- .appscms-contenttool-container {
201
- display: grid;
202
- grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
203
- gap: 16px;
204
- }
205
-
206
- .appscms-contenttool-tool {
207
- background-color: white;
208
- box-shadow: 1px 2px 10px rgba(179, 179, 179, 0.468);
209
- padding: 21px;
210
- border-radius: 13px;
211
- min-height: 200px;
212
- }
213
-
214
- .contentool-tool-image-background {
215
- background-color: rgba(158, 97, 255, 0.270);
216
- width: 58px;
217
- height: 58px;
218
- display: flex;
219
- align-items: center;
220
- justify-content: center;
221
- border-radius: 12px;
222
- }
223
-
224
- #contenttool-icon-img{
225
- width: 45px;
226
- }
227
-
228
- .background img {
229
- width: 100%;
230
- height: auto;
231
- border-radius: 10px;
232
- }
233
-
234
- .contenttool-tool-heading {
235
- font-weight: 600;
236
- font-size: 16px;
237
- color: #141414;
238
- margin-top: 10px;
239
- }
240
-
241
- .contenttool-tool-text{
242
- font-weight: 500;
243
- font-size: 13px;
244
- color: rgb(151, 151, 151);
245
- margin-top: -5px;
246
- }
247
- #exlpore-btn{
248
- display: none;
249
- }
250
- @media (max-width: 768px) {
251
- #landing-main-svg{
252
- display:none;
253
- }
254
- .close-nav-ham {
255
- display: flex !important;
256
- justify-content: end;
257
- }
258
- .hamburger {
259
- display: block;
260
- cursor: pointer;
261
- position: absolute;
262
- right: -20px;
263
- /* top: 5px; */
264
- z-index: 9999;
265
- }
266
- .appscms-toolbar {
267
- background-color: var(--black-color);
268
- box-shadow: 1px 4px 10 #00000026;
269
- overflow-x: hidden;
270
- }
271
- .appscms-navbar-nav-links {
272
- display: none;
273
- }
274
- .appscms-toolbar {
275
- top: 0px;
276
- position: fixed;
277
- transition: all 0.3s ease;
278
- width: 272px;
279
- right: -272px;
280
- display: none;
281
- z-index: 1000;
282
- }
283
- .appscms-toolbar .appscms-toolbar-list {
284
- height: 100vh;
285
- flex-direction: column;
286
- gap: 0px;
287
- overflow-y: scroll;
288
- overflow-x: hidden;
289
- }
290
- .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item {
291
- align-items: flex-start;
292
- flex-direction: column;
293
- }
294
- .appscms-toolbar
295
- .appscms-toolbar-list
296
- .appscms-toolbar-list-item:first-child {
297
- padding-left: 10px;
298
- }
299
- .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:hover {
300
- border-bottom: none;
301
- padding-bottom: 10px;
302
- }
303
-
304
- .appscms-toolbar
305
- .appscms-toolbar-list
306
- .appscms-toolbar-list-item:first-child {
307
- padding-right: 10px;
308
- }
309
- .list-item-dropdown li .toolbar-link {
310
- color: var(--white-color);
311
- font-size: 15px;
312
- }
313
- .appscms-toolbar-list-item-span {
314
- font-size: 17px;
315
- font-weight: 600;
316
- }
317
- .list-item-dropdown-heading {
318
- display: none;
319
- }
320
- .appscms-toolbar .list-item-dropdown {
321
- padding: 0px;
322
- width: 100%;
323
- position: static;
324
- display: block;
325
- overflow: hidden;
326
- transition: all 0.3s ease;
327
- background-color: transparent;
328
- opacity: 0;
329
- height: 0px;
330
- max-height: 0px;
331
- }
332
- .appscms-toolbar
333
- .appscms-toolbar-list-item:nth-child(1)
334
- > .list-item-dropdown {
335
- opacity: 1;
336
- height: auto;
337
- max-height: 200px;
338
- }
339
-
340
- .arrow-svg {
341
- display: block;
342
- }
343
- }
344
- .bg-primary {
345
- background-color: #1b2fe7;
346
- }
347
- /* headings section */
348
- .appscms-h1,
349
- .success-msg {
350
- font-size: 50px;
351
- font-weight: 799;
352
- font-family: "inter", sans-serif;
353
- margin: 20px 0px;
354
- color: #2F79F2;
355
- }
356
- .contenttool-landing-h1{
357
- font-size: 60px;
358
- }
359
-
360
- #contenttool-line-top{
361
- transform: scale(1.4);
362
- position: absolute;
363
- right: 53px;
364
- top: 7;
365
- z-index: -997;
366
- }
367
- #contenttool-line-left-bottom{
368
- position: absolute;
369
- left: 0px;
370
- top: 45vh;
371
- z-index: -996;
372
- }
373
-
374
- .appscms-h3 {
375
- font-size: 30px;
376
- color: var(--mid-gray);
377
- }
378
- .appscms-h2 {
379
- font-size: 17px;
380
- padding-top: 8px;
381
- font-weight: 500;
382
- color: var(--light-gray);
383
- }
384
- #landing-main-svg{
385
- width: 400px;
386
- }
387
- .heading-landing-text{
388
- padding-top: 40px;
389
- }
390
-
391
- .grid-contentttool-h1{
392
- max-width: 80vw;
393
- display: grid;
394
- grid-template-columns: 60% 400px;
395
- }
396
-
397
- /* searchbar */
398
- #appscms-searchbar {
399
- border-radius: 15px;
400
- padding: 5px;
401
- background-color: rgb(228 237 255);
402
- border: 2px solid #2C8DFF;
403
- color: #2C8DFF;
404
- }
405
-
406
- .form-control{
407
- background-color: transparent;
408
- color: #2C8DFF;
409
- font-weight: 600;
410
- }
411
-
412
- .form-control::placeholder {
413
- color: #2C8DFF;
414
- font-weight: 600;
415
- }
416
-
417
- .form-control:focus {
418
- background-color: transparent;
419
- box-shadow: none;
420
- }
421
- .btn-search:hover {
422
- transform: scale(1.2);
423
- }
424
- .btn-search:focus,
425
- .btn-search:active {
426
- background-color: transparent;
427
- border-color: transparent;
428
- box-shadow: none;
429
- }
430
- /* category section */
431
- .toolfilters {
432
- margin-top: 80px;
433
- cursor: pointer;
434
- background-color: rgb(255, 255, 255);
435
- display: flex;
436
- height: 30px;
437
- box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.15);
438
- height: 53px;
439
- align-items: center;
440
- border-radius: 27px;
441
- overflow: hidden;
442
- margin: 20px;
443
- color: #000;
444
- }
445
- .toolfilter {
446
- margin: auto;
447
- padding: 0px 30px;
448
- }
449
- /* test scroll */
450
- .toolfilters {
451
- overflow-y: hidden;
452
- overflow-x: auto;
453
- }
454
-
455
- .toolfilters::-webkit-scrollbar {
456
- width: 0;
457
- height: 0;
458
- }
459
-
460
- .toolfilters::-webkit-scrollbar-track {
461
- background-color: transparent;
462
- }
463
-
464
- .toolfilters::-webkit-scrollbar-thumb {
465
- background-color: transparent;
466
- }
467
- /* margin: 4px; */
468
- /* overflow: hidden; */
469
-
470
- .toolfilter:hover {
471
- background-color: var(--primary-color);
472
- color: white;
473
- height: 90%;
474
- border-radius: 26px;
475
- display: flex;
476
- align-items: center;
477
- }
478
-
479
- /* tools section */
480
- .appscms-tool-container:nth-child(even) .appscms-tool .tool-top {
481
- background-color: rgb(233, 107, 34);
482
- }
483
-
484
- #appscms-tools-section {
485
- max-width: 900px;
486
- padding-top: 50px;
487
- }
488
-
489
- .appscms-tool {
490
- border-radius: 10px;
491
- box-shadow: 2px 3px 7px 2px rgba(0, 0, 0, 0.158);
492
- cursor: pointer;
493
- height: 169px;
494
- margin-bottom: 25px;
495
- background-color: rgba(255, 255, 255, 0.7);
496
- transition: all 0.2s ease;
497
- }
498
-
499
- .appscms-tool:hover {
500
- transform: translate(0, -4px) scale(1.01);
501
- box-shadow: 2px 5px 7px 2px rgba(0, 0, 0, 0.236);
502
- }
503
-
504
- .appscms-tool .tool-top {
505
- background: #4b5cf4;
506
- overflow: hidden;
507
- height: calc(171px - 57px);
508
- border-top-right-radius: 10px;
509
- border-top-left-radius: 10px;
510
- display: flex;
511
- align-items: center;
512
- transition: all 0.5s ease;
513
- }
514
-
515
- .appscms-tool .tool-top:hover {
516
- transform: translate(0, 0px) scale(1.001);
517
- animation: moveGradient 10s linear infinite;
518
- filter: hue-rotate(15deg) saturate(125%) brightness(104%);
519
- }
520
- .appscms-tool .tool-top:active {
521
- transform: translate(0, 0px) scale(1.003);
522
- animation: moveGradient 10s linear infinite;
523
- filter: hue-rotate(-15deg) saturate(105%) brightness(95%);
524
- }
525
-
526
- @keyframes moveGradient {
527
- 0% {
528
- background-position: 0% 50%;
529
- }
530
- 100% {
531
- background-position: 100% 50%;
532
- }
533
- }
534
- .appscms-tool .tool-top .tool-img {
535
- padding: 0px;
536
- margin-right: 21px;
537
- background: rgba(255, 255, 255, 25%);
538
- border-radius: 300px;
539
- margin-left: 20px;
540
- height: 58px;
541
- width: 58px;
542
- display: flex;
543
- align-items: center;
544
- border: 1px solid #ffffff12;
545
- }
546
-
547
- .appscms-tool .tool-top .tool-img img {
548
- height: 34px;
549
- width: 72px;
550
- transition: filter 0.3s ease-in-out; /* Smooth transitions for transform and box-shadow */
551
- }
552
-
553
- .appscms-tool .tool-top .tool-img img:hover {
554
- transform: scale(1.001); /* Slightly scale up the image on hover */
555
- filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.355));
556
- }
557
-
558
- .appscms-tool .tool-text {
559
- color: var(--white-color);
560
- padding-right: 33px;
561
- font-weight: 300;
562
- font-size: 16px;
563
- line-height: 20.57px;
564
- }
565
- .appscms-tool .tool-heading {
566
- padding-top: 14px;
567
- padding-bottom: 19px;
568
- color: var(--dark-gray);
569
- height: 57px;
570
- font-weight: 500;
571
- font-size: 17px;
572
- text-align: center;
573
- }
574
- .text-primary {
575
- font-size: 30px;
576
- font-weight: 600;
577
- }
578
-
579
- .description {
580
- font-size: 12px;
581
- line-height: 0.2;
582
- }
583
-
584
- /* blog section */
585
- .appscms-blogs {
586
- border-radius: 10px;
587
- padding-top: 20px;
588
- background-color: rgba(255, 255, 255, 0.494);
589
- }
590
-
591
- .contenttool-img-wrap-blog{
592
- padding: 14px;
593
- }
594
- .appscms-blog-cards {
595
- box-shadow: 1px 2px 9px rgba(0, 0, 0, 0.16);
596
- margin-bottom: 10px;
597
- border-radius: 10px !important;
598
- /* max-width: 340px; */
599
- /* min-width: 300px; */
600
-
601
- }
602
- .extrapaddingforimg{
603
- padding: 15px;
604
- }
605
- .card-title{
606
- font-size: 16px;
607
- }
608
-
609
- .card-footer{
610
- border-radius: 10px !important;
611
- background: white;
612
- }
613
-
614
- .post-read-more{
615
- font-size: 13px;
616
- }
617
- .appscms-blog-cards img {
618
- border-radius: 10px;
619
- height: auto;
620
- }
621
- .card-body {
622
- display: flex;
623
- flex-direction: column;
624
- }
625
-
626
- @media (min-width: 768px) {
627
- .appscms-h1 {
628
- margin-top: 50px;
629
- }
630
- }
631
-
632
- /* recent post blog heading */
633
-
634
- /* author in blog */
635
- .wrapfooter {
636
- display: flex;
637
- align-items: center;
638
- margin-bottom: -0px;
639
- }
640
- .wrapfooter img {
641
- width: 42px;
642
- height: 42px;
643
- border-radius: 50%;
644
- }
645
- .wrapfooter .author-meta {
646
- padding: 0px 15px 0px 10px;
647
- }
648
- .wrapfooter .author-meta a {
649
- font-size: 15px;
650
- font-weight: 500;
651
- color: #3e3e3e;
652
- text-transform: capitalize;
653
- text-decoration: none;
654
- }
655
- .post-date {
656
- color: #878787;
657
- font-size: 12px;
658
- font-weight: 500;
659
- display: block;
660
- text-align: left;
661
- }
662
-
663
- /* footer */
664
- #copyright-text {
665
- font-size: 13px !important;
666
- }
667
- .footer-prducts-div-heading {
668
- }
669
-
670
- .appscms-product-footer {
671
- background-color: #F0F5FA;
672
- margin-top: 50px;
673
- }
674
- .appscms-footer-products {
675
- opacity: 100%;
676
- }
677
-
678
- .footer-product-link {
679
- font-size: 15px;
680
- }
681
- .appscms-footer-products a {
682
- text-decoration: none;
683
- color: #000;
684
- }
685
- /* footer i89 modal css */
686
- .privacy-links-item {
687
- font-stretch: 400;
688
- font-weight: 400;
689
- font-size: 16px;
690
- line-height: 24px;
691
- color: rgba(26, 26, 26, 1);
692
- margin: 0 20px;
693
- }
694
- .privacy-links-item:last-child {
695
- margin-right: 0;
696
- }
697
- .drop-down-btn {
698
- cursor: pointer;
699
- outline: 0px;
700
- border: 0px;
701
- width: auto;
702
- overflow: visible;
703
- display: flex;
704
- -webkit-box-align: center;
705
- align-items: center;
706
- background-color: transparent;
707
- transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
708
- font-weight: 400;
709
- font-size: 13px;
710
- line-height: 24px;
711
- color: rgb(26, 26, 26);
712
- }
713
- .language-drop-down-menu {
714
- display: flex;
715
- justify-content: space-between;
716
- margin: 0;
717
- padding: 0;
718
- flex-wrap: wrap;
719
- }
720
- .language-drop-down-item {
721
- list-style: none;
722
- width: 50%;
723
- padding: 10px 12px 0px 0px;
724
- text-align: center;
725
- font-size: 15px;
726
- margin-bottom: 0;
727
- }
728
- .language-drop-down-item a:hover {
729
- background: var(--secondary-color-3);
730
- border-radius: 3px;
731
- }
732
- .language-drop-down-item a {
733
- text-decoration: none;
734
- display: flex;
735
- width: 100%;
736
- align-items: center;
737
- padding: 9px 9px;
738
- color: #1e1e1e;
739
- font-size: 13px;
740
- border-bottom: 1px solid rgb(224, 224, 224);
741
- }
742
-
743
- @media (max-width: 575.98px) {
744
- #contenttool-line-top{
745
- display:none;
746
- }
747
- body {
748
- background: var(--secondary-color);
749
- }
750
- .appscms-h1,
751
- .success-msg {
752
- font-size: 30px;
753
- font-weight: 799;
754
- }
755
- .appscms-h2 {
756
- font-size: 12px;
757
- font-weight: 400;
758
- color: var(--mid-gray);
759
- }
760
- #appscms-tools-section {
761
- margin-top: 50px;
762
- padding-top: 10px;
763
- }
764
- /* category section */
765
-
766
- .toolfilters {
767
- font-size: 10px;
768
- height: 30px;
769
- padding: 3px;
770
- }
771
- .toolfilter {
772
- margin: auto;
773
- padding: 0px 15px;
774
- }
775
- /* search bar */
776
- #appscms-searchbar {
777
- border-radius: 50px;
778
- padding: 0px;
779
- font-size: 8px;
780
- }
781
- #searchbar-placeholder {
782
- font-size: 12px;
783
- }
784
- .text-primary {
785
- font-size: 20px;
786
- font-weight: 600;
787
- }
788
-
789
- .description {
790
- font-size: 12px;
791
- line-height: 0.2;
792
- }
793
- .footer-product-link {
794
- font-size: 12px;
795
- }
796
-
797
- /* recent post and blog section phone */
798
- /* blog section */
799
- .appscms-blogs {
800
- border-radius: 10px;
801
- padding-top: 20px;
802
- background-color: rgba(255, 255, 255, 0.494);
803
- }
804
-
805
- .appscms-blog-cards {
806
- box-shadow: rgba(0, 0, 0, 0.15);
807
- margin-bottom: 20px;
808
- border-radius: 10px;
809
- /* max-width: 340px; */
810
- /* min-width: 300px; */
811
- }
812
-
813
- .card-img-top{
814
- border-radius: 10px;
815
- }
816
-
817
- .appscms-blog-cards img {
818
- border-radius: 10px;
819
- height: 180px;
820
- }
821
- .card-body {
822
- display: flex;
823
- flex-direction: column;
824
- justify-content: space-between;
825
- }
826
-
827
- /* recent post blog heading */
828
-
829
- /* author in blog */
830
- .wrapfooter {
831
- display: flex;
832
- margin-bottom: -0px;
833
- }
834
-
835
- .wrapfooter img {
836
- width: 42px;
837
- height: 42px;
838
- border-radius: 50%;
839
- }
840
- .wrapfooter .author-meta {
841
- padding: 0px 15px 0px 10px;
842
- }
843
- .wrapfooter .author-meta a {
844
- font-size: 15px;
845
- font-weight: 500;
846
- color: #3e3e3e;
847
- text-transform: capitalize;
848
- text-decoration: none;
849
- }
850
- .post-date {
851
- color: #878787;
852
- font-size: 12px;
853
- font-weight: 500;
854
- display: block;
855
- text-align: left;
856
- }
857
- }
858
- /* Small devices (tablets) */
859
- @media (min-width: 576px) and (max-width: 767.98px) {
860
- .toolfilters {
861
- font-size: 10px;
862
- height: 40px;
863
- padding: 1px;
864
- }
865
- #searchbar-placeholder {
866
- font-size: 14px;
867
- }
868
- #appscms-searchbar {
869
- padding: 3px;
870
- }
871
- /*
872
- toolfilter {
873
- margin: auto;
874
- padding: 0px 20px;
875
- } */
876
- }
877
-
878
- /* Medium devices (desktops) */
879
- @media (max-width: 768px) {
880
- #appscms-tools-section-row {
881
- gap: 15px;
882
- justify-content: center;
883
- margin-top: 35px;
884
- }
885
- .appscms-tool .tool-top .tool-img img {
886
- border-radius: 0;
887
- }
888
-
889
- .appscms-tool .tool-top .tool-img {
890
- justify-content: center;
891
- background: unset;
892
- border: 5px solid #ffffff08;
893
- }
894
- .appscms-tool {
895
- box-shadow: none;
896
- margin-bottom: 25px;
897
- height: auto;
898
- background-color: transparent;
899
- display: flex;
900
- flex-direction: column;
901
- align-items: center;
902
- }
903
-
904
- .appscms-tool:hover {
905
- box-shadow: unset;
906
- }
907
-
908
- .appscms-tool .tool-top {
909
- background-color: transparent;
910
- flex-direction: column;
911
- justify-content: center;
912
- border-radius: 10px;
913
- height: 64px;
914
- width: 64px;
915
- border-radius: 21px;
916
- }
917
- .appscms-tool .tool-img {
918
- padding: 0px !important;
919
- }
920
-
921
- .appscms-tool .tool-img img {
922
- height: 38px !important;
923
- width: 38px !important;
924
- }
925
-
926
- .appscms-tool .tool-text {
927
- display: none;
928
- }
929
-
930
- .appscms-tool .tool-heading {
931
- font-size: 12px;
932
- line-height: 14.52px;
933
- margin-top: 14px;
934
- padding: 0px;
935
- height: 15px;
936
- font-weight: 400;
937
- }
938
-
939
- .appscms-tool-container {
940
- /* margin: 0 auto; */
941
- width: auto !important;
942
- }
943
- .appscms-tool-container:nth-child(even) .appscms-tool .tool-top {
944
- background-color: transparent;
945
- }
946
- }
947
- @media (min-width: 768px) and (max-width: 991.98px) {
948
- .toolfilters {
949
- font-size: 12px;
950
- }
951
- }
952
-
953
- /* Large devices (desktops) */
954
-
955
- @media (min-width: 992px) and (max-width: 1199.98px) {
956
- /* Insert CSS code here */
957
-
958
- }
959
-
960
- /* Extra Large devices (large desktops) */
961
- @media (min-width: 1200px) and (max-width: 1399.98px) {
962
- /* Insert CSS code here */
963
- }
964
-
965
- /* Extra Extra Large devices (larger desktops) */
966
- @media (min-width: 1400px) {
967
- /* Insert CSS code here */
968
- }
969
-
970
- /* animations */
971
-
972
- .appscms-product-footer li {
973
- list-style: none;
974
- }
975
-
976
- .footer-product-link {
977
- border-radius: 5px;
978
- color: #5e5e5f;
979
- display: block;
980
- font-weight: 500;
981
- font-size: 14px;
982
- line-height: 19px;
983
- padding: 15px 20px 14px 10px;
984
- position: relative;
985
- transition: none;
986
- }
987
- .footer-product-link:hover {
988
- background-color: #f3f3f451;
989
- color: #262628;
990
- text-decoration: none;
991
- }
992
-
993
- .appscms-footer {
994
- background-color: #F0F5FA;
995
- padding: 44px 10px 10px 10px;
996
- }
997
-
998
- .appscms-footer-link {
999
- list-style: none;
1000
- }
1001
-
1002
- .appscms-footer-link a {
1003
- color: #6b6b6b;
1004
- display: block;
1005
- margin-top: 18px;
1006
- font-size: 14px;
1007
- font-weight: 500;
1008
- line-height: 18px;
1009
- }
1010
- .appscms-footer-link a:hover {
1011
- color: var(--black-color);
1012
- }
1013
- .appscms-footer-category {
1014
- font-size: 14px;
1015
- padding-bottom: 12px;
1016
- font-weight: 700;
1017
- line-height: 12px;
1018
- color: var(--mid-gray);
1019
- list-style: none;
1020
- }
1021
-
1022
- .upload-from-drives {
1023
- display: flex;
1024
- gap: 20px;
1025
- margin-top: 10px;
1026
- }
1027
- .upload-from-drives img {
1028
- cursor: pointer;
1029
- }
1030
- #appscms-tools-section a {
1031
- text-decoration: none;
1032
- }
1033
- .success-msg {
1034
- text-align: center;
1035
- margin: 30px 0px;
1036
- color: var(--primary-color);
1037
- }
1038
- .go-back-block {
1039
- display: flex;
1040
- align-items: center;
1041
- justify-content: center;
1042
- margin: 30px 0px;
1043
- }
1044
- .go-back-block button {
1045
- background-color: var(--primary-color);
1046
- color: var(--white-color);
1047
- border: none;
1048
- border-radius: 10px;
1049
- padding: 10px 15px;
1050
- font-size: 15px;
1051
- height: 48px;
1052
- min-width: 212px;
1053
- }
1054
- .go-back-block button i {
1055
- color: var(--black-color);
1056
- background-color: var(--white-color);
1057
- padding: 8px;
1058
- border-radius: 50%;
1059
- font-size: 12px;
1060
- }
1061
- #rating-img {
1062
- height: 1px;
1063
- width: 1px;
1064
- filter: brightness();
1065
- filter: brightness(100);
1066
- position: absolute;
1067
- }
1068
- .rating-tool {
1069
- display: flex;
1070
- justify-content: center;
1071
- align-items: center;
1072
- background-color: rgb(252, 252, 252);
1073
- border-radius: 50px;
1074
- height: 70px;
1075
- margin: 40px 0px;
1076
- }
1077
- #rating {
1078
- font-size: 25px;
1079
- font-weight: 600;
1080
- }
1081
- .rating-text {
1082
- font-size: 16px;
1083
- }
1084
-
1085
- .rating-stars {
1086
- padding: 0px 10px;
1087
- display: flex;
1088
- justify-content: space-between;
1089
- gap: 4px;
1090
- }
1091
-
1092
- .rating-stars i {
1093
- font-size: 20px;
1094
- }
1095
- .download-social-share {
1096
- background: #d0d3ed;
1097
- padding: 40px 0px;
1098
- display: flex;
1099
- justify-content: space-between;
1100
- }
1101
- .share-icons {
1102
- display: flex;
1103
- gap: 30px;
1104
- justify-content: end;
1105
- }
1106
- .download-social-share a {
1107
- color: #000;
1108
- font-size: 17px;
1109
- height: 40px;
1110
- width: 40px;
1111
- display: flex;
1112
- align-items: center;
1113
- justify-content: center;
1114
- padding: 10px 10px;
1115
- border: 2px solid var(--black-color);
1116
- border-radius: 50%;
1117
- }
1118
- .appscms-heading {
1119
- font-size: 25px;
1120
- text-align: center;
1121
- font-weight: 500;
1122
- }
1123
- .website-img {
1124
- height: 50px;
1125
- width: 50px;
1126
- }
1127
- .website-showcases {
1128
- padding: 50px 0px;
1129
- }
1130
- .website-showcase {
1131
- display: flex;
1132
- flex-direction: column;
1133
- justify-content: center;
1134
- align-items: center;
1135
- margin-bottom: 25px;
1136
- overflow: hidden;
1137
- }
1138
- .website-showcase a {
1139
- color: var(--black-color);
1140
- font-size: 15px;
1141
- margin-top: 10px;
1142
- }
1143
- .feature-showcase {
1144
- padding: 50px 0px;
1145
- }
1146
- .feature-showcase-div {
1147
- display: flex;
1148
- flex-direction: column;
1149
- justify-content: center;
1150
- align-items: center;
1151
- margin-bottom: 25px;
1152
- }
1153
- .feature-showcase-div img {
1154
- height: 45px;
1155
- width: 45px;
1156
- }
1157
- .feature-showcase a span {
1158
- margin-top: 15px;
1159
- font-size: 14px;
1160
- }
1161
- .feature-showcase a {
1162
- color: var(--black-color);
1163
- }
1164
-
1165
- .video-h1,
1166
- .audio-h1 {
1167
- font-weight: 600;
1168
- font-size: 53px;
1169
- }
1170
-
1171
- .video-h2,
1172
- .audio-h2 {
1173
- font-size: 22px;
1174
- }
1175
- .shareModal {
1176
- display: none;
1177
- position: fixed;
1178
- z-index: 100000000000;
1179
- left: 0;
1180
- top: 0;
1181
- width: 100%;
1182
- height: 100%;
1183
- overflow: auto;
1184
- background-color: rgba(0, 0, 0, 0.5);
1185
- }
1186
-
1187
- .shareModal .share-modal-content {
1188
- background-color: #fefefe;
1189
- margin: 15% auto;
1190
- padding: 20px;
1191
- /* border: 1px solid #888; */
1192
- width: 70%;
1193
- height: 200px;
1194
- text-align: center;
1195
- }
1196
-
1197
- .shareModal .close-share-modal {
1198
- color: #aaa;
1199
- float: right;
1200
- display: none;
1201
- font-size: 28px;
1202
- font-weight: bold;
1203
- }
1204
- .shareModal h5 {
1205
- color: #000;
1206
- padding-top: 10px;
1207
- font-weight: 700;
1208
- }
1209
- .shareModal .close-share-modal:hover,
1210
- .shareModal .close-share-modal:focus {
1211
- color: black;
1212
- text-decoration: none;
1213
- cursor: pointer;
1214
- }
1215
-
1216
- .share-modal-social {
1217
- display: flex;
1218
- gap: 30px;
1219
- height: 100%;
1220
- padding-bottom: 60px;
1221
- align-items: center;
1222
- justify-content: center;
1223
- }
1224
- .share-modal-social a {
1225
- color: #000;
1226
- }
1227
- .share-modal-social a i {
1228
- font-size: 30px;
1229
- }
1230
- .authors-list a {
1231
- color: var(--dark-gray);
1232
- }
1233
- .featurePageAuthor {
1234
- display: flex;
1235
- flex-direction: column;
1236
- width: 100%;
1237
- justify-content: center;
1238
- }
1239
-
1240
- .featurePageAuthor .author-meta {
1241
- width: 500px;
1242
- margin: 0 auto;
1243
- padding-bottom: 5rem;
1244
- }
1245
-
1246
- .featurePageAuthor .author-meta .authorName {
1247
- font-size: 20px;
1248
- padding: 1rem 0px;
1249
- font-weight: 900;
1250
- text-align: center;
1251
- }
1252
-
1253
- .featurePageAuthor .author-img {
1254
- width: 100px;
1255
- height: 100px;
1256
- border-radius: 100%;
1257
- }
1258
-
1259
- .featurePageAuthor .author_bio {
1260
- font-size: 16px;
1261
- }
1262
-
1263
- @media (max-width: 768px) {
1264
- .authors-list {
1265
- padding: 25px;
1266
- }
1267
-
1268
- .featurePageAuthor .author-meta {
1269
- width: 100%;
1270
- }
1271
- }
1272
- .contributor {
1273
- width: 100px;
1274
- }
1275
- .contributor .contributor-name {
1276
- font-size: 13px;
1277
- margin-top: 8px;
1278
- text-transform: capitalize;
1279
- }
1280
- .infographics_section {
1281
- width: 100%;
1282
- padding: 50px 0px 50px 0px;
1283
- }
1284
-
1285
- .infographics_section .infographics-desc {
1286
- position: absolute;
1287
- color: #000;
1288
- bottom: 0;
1289
- }
1290
-
1291
- .infographics_section .slider {
1292
- position: relative;
1293
- max-width: 40rem;
1294
- height: 26.625rem;
1295
- margin: 0 auto;
1296
- overflow: hidden;
1297
- }
1298
-
1299
- .infographics_section .slide {
1300
- position: absolute;
1301
- top: 0;
1302
- width: 100%;
1303
- height: 26.625rem;
1304
- display: flex;
1305
- align-items: center;
1306
- justify-content: center;
1307
- transition: transform 1s;
1308
- }
1309
-
1310
- .infographics_section .slide img {
1311
- width: 200px;
1312
- height: 100%;
1313
- transition-duration: 0.27s;
1314
- /* object-fit: contain; */
1315
- }
1316
-
1317
- .infographics_section button {
1318
- background: none;
1319
- border: none;
1320
- }
1321
-
1322
- .infographics_section button .fas {
1323
- color: #000;
1324
- }
1325
-
1326
- .infographics_section .btn-slide {
1327
- position: absolute;
1328
- top: 50%;
1329
- z-index: 10;
1330
- height: 5.5rem;
1331
- width: 5.5rem;
1332
- cursor: pointer;
1333
- }
1334
-
1335
- .infographics_section .prev {
1336
- left: 3rem;
1337
- transform: translate(-50%, -50%);
1338
- }
1339
-
1340
- .infographics_section .next {
1341
- right: 3rem;
1342
- transform: translate(50%, -50%);
1343
- }
1344
-
1345
- .infographics_section .dots-container {
1346
- display: flex;
1347
- justify-content: center;
1348
- align-items: center;
1349
- position: relative;
1350
- }
1351
-
1352
- .infographics_section .dot {
1353
- width: 25px;
1354
- height: 5px;
1355
- margin: 15px 5px;
1356
- border-radius: 0.5rem;
1357
- background: rgba(39, 39, 39, 0.5);
1358
- cursor: pointer;
1359
- }
1360
-
1361
- .infographics_section .dot.active {
1362
- background: #272727;
1363
- }
1364
- .slide img {
1365
- transition-duration: 0.27s;
1366
- }
1367
- .slide img:hover {
1368
- transform: scale(1.02);
1369
- box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.12);
1370
- }
1371
- .no-result-found-msg {
1372
- font-size: 20px;
1373
- color: var(--black-light);
1374
- text-align: center;
1375
- width: 100%;
1376
- font-weight: 500;
1377
- }
1378
- .close-nav-ham {
1379
- display: none;
1380
- }
1381
- .active-lang {
1382
- background: #f4f5ff;
1383
- border-radius: 3px;
1384
- }
1
+ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap");
2
+
3
+ * {
4
+ box-sizing: border-box;
5
+ font-family: "Inter", sans-serif;
6
+ }
7
+ .contenttool-bg-lite{
8
+ background: linear-gradient(180deg, #eff7ff, transparent);
9
+ height: 100vh;
10
+ width: 100vw;
11
+ position: absolute;
12
+ top: 0;
13
+ left: 0;
14
+ z-index: -9999;
15
+ }
16
+ body {
17
+ padding: 0;
18
+ margin: 0;
19
+ -webkit-font-smoothing: antialiased;
20
+ font-family: var(--font-family);
21
+ overflow-x: hidden;
22
+ background: #fafafa !important;
23
+ }
24
+ /* appscms navbar */
25
+ .appscms-navbar {
26
+ background-color: var(--white-color);
27
+ height: 45px;
28
+ position: sticky;
29
+ top: 0;
30
+ z-index: 999;
31
+ }
32
+
33
+ .appscms-navbar-nav {
34
+ display: flex;
35
+ width: 100%;
36
+ height: 100%;
37
+ justify-content: space-between;
38
+ }
39
+ .appscms-navbar-nav a {
40
+ display: flex;
41
+ align-items: center;
42
+ }
43
+ .appscms-navbar-nav-links {
44
+ width: 100%;
45
+ height: 100%;
46
+ display: flex;
47
+ justify-content: flex-end;
48
+ gap: 45px;
49
+ align-items: center;
50
+ }
51
+
52
+ .appscms-nav-link {
53
+ font-size: 15px;
54
+ color: var(--black-light);
55
+ font-weight: 450;
56
+ }
57
+ .appscms-nav-link:hover {
58
+ color: var(--black-color);
59
+ text-decoration: underline;
60
+ }
61
+ .arrow-svg {
62
+ display: none;
63
+ }
64
+
65
+ .appscms-toolbar {
66
+ background-color: #2f79f2;
67
+ box-shadow: 1px 4px 10 #00000026;
68
+ position: sticky;
69
+ z-index: 999;
70
+ top: 45px;
71
+ }
72
+
73
+ .appscms-toolbar .appscms-toolbar-list {
74
+ list-style: none;
75
+ display: flex;
76
+ padding: 0;
77
+ margin: 0;
78
+ height: 40px;
79
+ gap: 59px;
80
+ }
81
+
82
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item {
83
+ color: var(--black-light);
84
+ display: block;
85
+ font-size: 16px;
86
+ line-height: 24px;
87
+ padding: 10px;
88
+ position: relative;
89
+ text-decoration: none;
90
+ display: flex;
91
+ align-items: center;
92
+ justify-content: center;
93
+ cursor: pointer;
94
+ }
95
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:first-child {
96
+ padding-left: 0px;
97
+ }
98
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:first-child {
99
+ padding-right: 0px;
100
+ }
101
+ .appscms-toolbar
102
+ .appscms-toolbar-list
103
+ .appscms-toolbar-list-item:hover
104
+ > .list-item-dropdown {
105
+ display: block;
106
+ opacity: 1;
107
+ }
108
+
109
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:hover {
110
+ border-bottom: 2px solid white;
111
+ padding-bottom: 8px;
112
+ position: relative;
113
+ }
114
+
115
+ /* smooth scrolling code */
116
+ .appscms-toolbar-list {
117
+ overflow-y: hidden;
118
+ overflow-x: auto;
119
+ }
120
+
121
+ .appscms-toolbar-list::-webkit-scrollbar {
122
+ width: 0;
123
+ height: 0;
124
+ }
125
+
126
+ .appscms-toolbar-list::-webkit-scrollbar-track {
127
+ background-color: transparent;
128
+ }
129
+
130
+ .appscms-toolbar-list::-webkit-scrollbar-thumb {
131
+ background-color: transparent;
132
+ }
133
+
134
+ .appscms-toolbar .list-item-dropdown {
135
+ left: 0px;
136
+ position: fixed;
137
+ top: 85px;
138
+ min-width: 500px;
139
+ width: 90vw;
140
+ box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
141
+ z-index: 200;
142
+ border-bottom-left-radius: 10px;
143
+ border-bottom-right-radius: 10px;
144
+ padding: 25px 50px 50px 50px;
145
+ display: none;
146
+ background-color: var(--white-color);
147
+
148
+ }
149
+
150
+ .list-item-dropdown-heading {
151
+ font-weight: 600;
152
+ font-size: 13px;
153
+ color: var(--black-light);
154
+ margin-bottom: 8px;
155
+ }
156
+ .list-item-dropdown li {
157
+ padding-top: 1px;
158
+ padding-bottom: 1px;
159
+ list-style: none;
160
+ }
161
+ .list-item-dropdown li .toolbar-link {
162
+ font-weight: 600;
163
+ line-height: 1.7;
164
+ color: var(--dark-gray);
165
+ padding-top: 10px;
166
+ padding-bottom: 8px;
167
+ align-items: center;
168
+ width: 100%;
169
+ font-size: 16px;
170
+ text-decoration: none;
171
+ text-transform: capitalize;
172
+ white-space: nowrap;
173
+ }
174
+
175
+ .list-item-dropdown li .toolbar-link:hover {
176
+ background-color: rgba(241, 241, 241, 0.279);
177
+ box-shadow: 0px 0px 5px rgba(241, 241, 241, 0.279);
178
+ border-radius: 5px;
179
+ color: #323232;
180
+ }
181
+ .appscms-toolbar-list-item-span {
182
+ color: var(--white-color);
183
+ display: block;
184
+ font-size: 15px;
185
+ line-height: 24px;
186
+ width: 100%;
187
+ white-space: nowrap;
188
+ padding: 8px 0;
189
+ position: relative;
190
+ text-decoration: none;
191
+ }
192
+ .hamburger {
193
+ display: none;
194
+ }
195
+
196
+ .appscms-faq-section {
197
+ max-width: 1140px;
198
+ }
199
+
200
+ .appscms-contenttool-container {
201
+ display: grid;
202
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
203
+ gap: 16px;
204
+ }
205
+
206
+ .appscms-contenttool-tool {
207
+ background-color: white;
208
+ box-shadow: 1px 2px 10px rgba(179, 179, 179, 0.468);
209
+ padding: 21px;
210
+ border-radius: 13px;
211
+ min-height: 200px;
212
+ }
213
+
214
+ .contentool-tool-image-background {
215
+ background-color: rgba(158, 97, 255, 0.270);
216
+ width: 58px;
217
+ height: 58px;
218
+ display: flex;
219
+ align-items: center;
220
+ justify-content: center;
221
+ border-radius: 12px;
222
+ }
223
+
224
+ #contenttool-icon-img{
225
+ width: 45px;
226
+ }
227
+
228
+ .background img {
229
+ width: 100%;
230
+ height: auto;
231
+ border-radius: 10px;
232
+ }
233
+
234
+ .contenttool-tool-heading {
235
+ font-weight: 600;
236
+ font-size: 16px;
237
+ color: #141414;
238
+ margin-top: 10px;
239
+ }
240
+
241
+ .contenttool-tool-text{
242
+ font-weight: 500;
243
+ font-size: 13px;
244
+ color: rgb(151, 151, 151);
245
+ margin-top: -5px;
246
+ }
247
+ #exlpore-btn{
248
+ display: none;
249
+ }
250
+ @media (max-width: 768px) {
251
+ #landing-main-svg{
252
+ display:none;
253
+ }
254
+ .close-nav-ham {
255
+ display: flex !important;
256
+ justify-content: end;
257
+ }
258
+ .hamburger {
259
+ display: block;
260
+ cursor: pointer;
261
+ position: absolute;
262
+ right: -20px;
263
+ /* top: 5px; */
264
+ z-index: 9999;
265
+ }
266
+ .appscms-toolbar {
267
+ background-color: var(--black-color);
268
+ box-shadow: 1px 4px 10 #00000026;
269
+ overflow-x: hidden;
270
+ }
271
+ .appscms-navbar-nav-links {
272
+ display: none;
273
+ }
274
+ .appscms-toolbar {
275
+ top: 0px;
276
+ position: fixed;
277
+ transition: all 0.3s ease;
278
+ width: 272px;
279
+ right: -272px;
280
+ display: none;
281
+ z-index: 1000;
282
+ }
283
+ .appscms-toolbar .appscms-toolbar-list {
284
+ height: 100vh;
285
+ flex-direction: column;
286
+ gap: 0px;
287
+ overflow-y: scroll;
288
+ overflow-x: hidden;
289
+ }
290
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item {
291
+ align-items: flex-start;
292
+ flex-direction: column;
293
+ }
294
+ .appscms-toolbar
295
+ .appscms-toolbar-list
296
+ .appscms-toolbar-list-item:first-child {
297
+ padding-left: 10px;
298
+ }
299
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:hover {
300
+ border-bottom: none;
301
+ padding-bottom: 10px;
302
+ }
303
+
304
+ .appscms-toolbar
305
+ .appscms-toolbar-list
306
+ .appscms-toolbar-list-item:first-child {
307
+ padding-right: 10px;
308
+ }
309
+ .list-item-dropdown li .toolbar-link {
310
+ color: var(--white-color);
311
+ font-size: 15px;
312
+ }
313
+ .appscms-toolbar-list-item-span {
314
+ font-size: 17px;
315
+ font-weight: 600;
316
+ }
317
+ .list-item-dropdown-heading {
318
+ display: none;
319
+ }
320
+ .appscms-toolbar .list-item-dropdown {
321
+ padding: 0px;
322
+ width: 100%;
323
+ position: static;
324
+ display: block;
325
+ overflow: hidden;
326
+ transition: all 0.3s ease;
327
+ background-color: transparent;
328
+ opacity: 0;
329
+ height: 0px;
330
+ max-height: 0px;
331
+ }
332
+ .appscms-toolbar
333
+ .appscms-toolbar-list-item:nth-child(1)
334
+ > .list-item-dropdown {
335
+ opacity: 1;
336
+ height: auto;
337
+ max-height: 200px;
338
+ }
339
+
340
+ .arrow-svg {
341
+ display: block;
342
+ }
343
+ }
344
+ .bg-primary {
345
+ background-color: #1b2fe7;
346
+ }
347
+ /* headings section */
348
+ .appscms-h1,
349
+ .success-msg {
350
+ font-size: 50px;
351
+ font-weight: 799;
352
+ font-family: "inter", sans-serif;
353
+ margin: 20px 0px;
354
+ color: #2F79F2;
355
+ }
356
+ .contenttool-landing-h1{
357
+ font-size: 60px;
358
+ }
359
+
360
+ #contenttool-line-top{
361
+ transform: scale(1.4);
362
+ position: absolute;
363
+ right: 53px;
364
+ top: 7;
365
+ z-index: -997;
366
+ }
367
+ #contenttool-line-left-bottom{
368
+ position: absolute;
369
+ left: 0px;
370
+ top: 45vh;
371
+ z-index: -996;
372
+ }
373
+
374
+ .appscms-h3 {
375
+ font-size: 30px;
376
+ color: var(--mid-gray);
377
+ }
378
+ .appscms-h2 {
379
+ font-size: 17px;
380
+ padding-top: 8px;
381
+ font-weight: 500;
382
+ color: var(--light-gray);
383
+ }
384
+ #landing-main-svg{
385
+ width: 400px;
386
+ }
387
+ .heading-landing-text{
388
+ padding-top: 40px;
389
+ }
390
+
391
+ .grid-contentttool-h1{
392
+ max-width: 80vw;
393
+ display: grid;
394
+ grid-template-columns: 60% 400px;
395
+ }
396
+
397
+ /* searchbar */
398
+ #appscms-searchbar {
399
+ border-radius: 15px;
400
+ padding: 5px;
401
+ background-color: rgb(228 237 255);
402
+ border: 2px solid #2C8DFF;
403
+ color: #2C8DFF;
404
+ }
405
+
406
+ .form-control{
407
+ background-color: transparent;
408
+ color: #2C8DFF;
409
+ font-weight: 600;
410
+ }
411
+
412
+ .form-control::placeholder {
413
+ color: #2C8DFF;
414
+ font-weight: 600;
415
+ }
416
+
417
+ .form-control:focus {
418
+ background-color: transparent;
419
+ box-shadow: none;
420
+ }
421
+ .btn-search:hover {
422
+ transform: scale(1.2);
423
+ }
424
+ .btn-search:focus,
425
+ .btn-search:active {
426
+ background-color: transparent;
427
+ border-color: transparent;
428
+ box-shadow: none;
429
+ }
430
+ /* category section */
431
+ .toolfilters {
432
+ margin-top: 80px;
433
+ cursor: pointer;
434
+ background-color: rgb(255, 255, 255);
435
+ display: flex;
436
+ height: 30px;
437
+ box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.15);
438
+ height: 53px;
439
+ align-items: center;
440
+ border-radius: 27px;
441
+ overflow: hidden;
442
+ margin: 20px;
443
+ color: #000;
444
+ }
445
+ .toolfilter {
446
+ margin: auto;
447
+ padding: 0px 30px;
448
+ }
449
+ /* test scroll */
450
+ .toolfilters {
451
+ overflow-y: hidden;
452
+ overflow-x: auto;
453
+ }
454
+
455
+ .toolfilters::-webkit-scrollbar {
456
+ width: 0;
457
+ height: 0;
458
+ }
459
+
460
+ .toolfilters::-webkit-scrollbar-track {
461
+ background-color: transparent;
462
+ }
463
+
464
+ .toolfilters::-webkit-scrollbar-thumb {
465
+ background-color: transparent;
466
+ }
467
+ /* margin: 4px; */
468
+ /* overflow: hidden; */
469
+
470
+ .toolfilter:hover {
471
+ background-color: var(--primary-color);
472
+ color: white;
473
+ height: 90%;
474
+ border-radius: 26px;
475
+ display: flex;
476
+ align-items: center;
477
+ }
478
+
479
+ /* tools section */
480
+ .appscms-tool-container:nth-child(even) .appscms-tool .tool-top {
481
+ background-color: rgb(233, 107, 34);
482
+ }
483
+
484
+ #appscms-tools-section {
485
+ max-width: 900px;
486
+ padding-top: 50px;
487
+ }
488
+
489
+ .appscms-tool {
490
+ border-radius: 10px;
491
+ box-shadow: 2px 3px 7px 2px rgba(0, 0, 0, 0.158);
492
+ cursor: pointer;
493
+ height: 169px;
494
+ margin-bottom: 25px;
495
+ background-color: rgba(255, 255, 255, 0.7);
496
+ transition: all 0.2s ease;
497
+ }
498
+
499
+ .appscms-tool:hover {
500
+ transform: translate(0, -4px) scale(1.01);
501
+ box-shadow: 2px 5px 7px 2px rgba(0, 0, 0, 0.236);
502
+ }
503
+
504
+ .appscms-tool .tool-top {
505
+ background: #4b5cf4;
506
+ overflow: hidden;
507
+ height: calc(171px - 57px);
508
+ border-top-right-radius: 10px;
509
+ border-top-left-radius: 10px;
510
+ display: flex;
511
+ align-items: center;
512
+ transition: all 0.5s ease;
513
+ }
514
+
515
+ .appscms-tool .tool-top:hover {
516
+ transform: translate(0, 0px) scale(1.001);
517
+ animation: moveGradient 10s linear infinite;
518
+ filter: hue-rotate(15deg) saturate(125%) brightness(104%);
519
+ }
520
+ .appscms-tool .tool-top:active {
521
+ transform: translate(0, 0px) scale(1.003);
522
+ animation: moveGradient 10s linear infinite;
523
+ filter: hue-rotate(-15deg) saturate(105%) brightness(95%);
524
+ }
525
+
526
+ @keyframes moveGradient {
527
+ 0% {
528
+ background-position: 0% 50%;
529
+ }
530
+ 100% {
531
+ background-position: 100% 50%;
532
+ }
533
+ }
534
+ .appscms-tool .tool-top .tool-img {
535
+ padding: 0px;
536
+ margin-right: 21px;
537
+ background: rgba(255, 255, 255, 25%);
538
+ border-radius: 300px;
539
+ margin-left: 20px;
540
+ height: 58px;
541
+ width: 58px;
542
+ display: flex;
543
+ align-items: center;
544
+ border: 1px solid #ffffff12;
545
+ }
546
+
547
+ .appscms-tool .tool-top .tool-img img {
548
+ height: 34px;
549
+ width: 72px;
550
+ transition: filter 0.3s ease-in-out; /* Smooth transitions for transform and box-shadow */
551
+ }
552
+
553
+ .appscms-tool .tool-top .tool-img img:hover {
554
+ transform: scale(1.001); /* Slightly scale up the image on hover */
555
+ filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.355));
556
+ }
557
+
558
+ .appscms-tool .tool-text {
559
+ color: var(--white-color);
560
+ padding-right: 33px;
561
+ font-weight: 300;
562
+ font-size: 16px;
563
+ line-height: 20.57px;
564
+ }
565
+ .appscms-tool .tool-heading {
566
+ padding-top: 14px;
567
+ padding-bottom: 19px;
568
+ color: var(--dark-gray);
569
+ height: 57px;
570
+ font-weight: 500;
571
+ font-size: 17px;
572
+ text-align: center;
573
+ }
574
+ .text-primary {
575
+ font-size: 30px;
576
+ font-weight: 600;
577
+ }
578
+
579
+ .description {
580
+ font-size: 12px;
581
+ line-height: 0.2;
582
+ }
583
+
584
+ /* blog section */
585
+ .appscms-blogs {
586
+ border-radius: 10px;
587
+ padding-top: 20px;
588
+ background-color: rgba(255, 255, 255, 0.494);
589
+ }
590
+
591
+ .contenttool-img-wrap-blog{
592
+ padding: 14px;
593
+ }
594
+ .appscms-blog-cards {
595
+ box-shadow: 1px 2px 9px rgba(0, 0, 0, 0.16);
596
+ margin-bottom: 10px;
597
+ border-radius: 10px !important;
598
+ /* max-width: 340px; */
599
+ /* min-width: 300px; */
600
+
601
+ }
602
+ .extrapaddingforimg{
603
+ padding: 15px;
604
+ }
605
+ .card-title{
606
+ font-size: 16px;
607
+ }
608
+
609
+ .card-footer{
610
+ border-radius: 10px !important;
611
+ background: white;
612
+ }
613
+
614
+ .post-read-more{
615
+ font-size: 13px;
616
+ }
617
+ .appscms-blog-cards img {
618
+ border-radius: 10px;
619
+ height: auto;
620
+ }
621
+ .card-body {
622
+ display: flex;
623
+ flex-direction: column;
624
+ }
625
+
626
+ @media (min-width: 768px) {
627
+ .appscms-h1 {
628
+ margin-top: 50px;
629
+ }
630
+ }
631
+
632
+ /* recent post blog heading */
633
+
634
+ /* author in blog */
635
+ .wrapfooter {
636
+ display: flex;
637
+ align-items: center;
638
+ margin-bottom: -0px;
639
+ }
640
+ .wrapfooter img {
641
+ width: 42px;
642
+ height: 42px;
643
+ border-radius: 50%;
644
+ }
645
+ .wrapfooter .author-meta {
646
+ padding: 0px 15px 0px 10px;
647
+ }
648
+ .wrapfooter .author-meta a {
649
+ font-size: 15px;
650
+ font-weight: 500;
651
+ color: #3e3e3e;
652
+ text-transform: capitalize;
653
+ text-decoration: none;
654
+ }
655
+ .post-date {
656
+ color: #878787;
657
+ font-size: 12px;
658
+ font-weight: 500;
659
+ display: block;
660
+ text-align: left;
661
+ }
662
+
663
+ /* footer */
664
+ #copyright-text {
665
+ font-size: 13px !important;
666
+ }
667
+ .footer-prducts-div-heading {
668
+ }
669
+
670
+ .appscms-product-footer {
671
+ background-color: #F0F5FA;
672
+ margin-top: 50px;
673
+ }
674
+ .appscms-footer-products {
675
+ opacity: 100%;
676
+ }
677
+
678
+ .footer-product-link {
679
+ font-size: 15px;
680
+ }
681
+ .appscms-footer-products a {
682
+ text-decoration: none;
683
+ color: #000;
684
+ }
685
+ /* footer i89 modal css */
686
+ .privacy-links-item {
687
+ font-stretch: 400;
688
+ font-weight: 400;
689
+ font-size: 16px;
690
+ line-height: 24px;
691
+ color: rgba(26, 26, 26, 1);
692
+ margin: 0 20px;
693
+ }
694
+ .privacy-links-item:last-child {
695
+ margin-right: 0;
696
+ }
697
+ .drop-down-btn {
698
+ cursor: pointer;
699
+ outline: 0px;
700
+ border: 0px;
701
+ width: auto;
702
+ overflow: visible;
703
+ display: flex;
704
+ -webkit-box-align: center;
705
+ align-items: center;
706
+ background-color: transparent;
707
+ transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
708
+ font-weight: 400;
709
+ font-size: 13px;
710
+ line-height: 24px;
711
+ color: rgb(26, 26, 26);
712
+ }
713
+ .language-drop-down-menu {
714
+ display: flex;
715
+ justify-content: space-between;
716
+ margin: 0;
717
+ padding: 0;
718
+ flex-wrap: wrap;
719
+ }
720
+ .language-drop-down-item {
721
+ list-style: none;
722
+ width: 50%;
723
+ padding: 10px 12px 0px 0px;
724
+ text-align: center;
725
+ font-size: 15px;
726
+ margin-bottom: 0;
727
+ }
728
+ .language-drop-down-item a:hover {
729
+ background: var(--secondary-color-3);
730
+ border-radius: 3px;
731
+ }
732
+ .language-drop-down-item a {
733
+ text-decoration: none;
734
+ display: flex;
735
+ width: 100%;
736
+ align-items: center;
737
+ padding: 9px 9px;
738
+ color: #1e1e1e;
739
+ font-size: 13px;
740
+ border-bottom: 1px solid rgb(224, 224, 224);
741
+ }
742
+
743
+ @media (max-width: 575.98px) {
744
+ #contenttool-line-top{
745
+ display:none;
746
+ }
747
+ body {
748
+ background: var(--secondary-color);
749
+ }
750
+ .appscms-h1,
751
+ .success-msg {
752
+ font-size: 30px;
753
+ font-weight: 799;
754
+ }
755
+ .appscms-h2 {
756
+ font-size: 12px;
757
+ font-weight: 400;
758
+ color: var(--mid-gray);
759
+ }
760
+ #appscms-tools-section {
761
+ margin-top: 50px;
762
+ padding-top: 10px;
763
+ }
764
+ /* category section */
765
+
766
+ .toolfilters {
767
+ font-size: 10px;
768
+ height: 30px;
769
+ padding: 3px;
770
+ }
771
+ .toolfilter {
772
+ margin: auto;
773
+ padding: 0px 15px;
774
+ }
775
+ /* search bar */
776
+ #appscms-searchbar {
777
+ border-radius: 50px;
778
+ padding: 0px;
779
+ font-size: 8px;
780
+ }
781
+ #searchbar-placeholder {
782
+ font-size: 12px;
783
+ }
784
+ .text-primary {
785
+ font-size: 20px;
786
+ font-weight: 600;
787
+ }
788
+
789
+ .description {
790
+ font-size: 12px;
791
+ line-height: 0.2;
792
+ }
793
+ .footer-product-link {
794
+ font-size: 12px;
795
+ }
796
+
797
+ /* recent post and blog section phone */
798
+ /* blog section */
799
+ .appscms-blogs {
800
+ border-radius: 10px;
801
+ padding-top: 20px;
802
+ background-color: rgba(255, 255, 255, 0.494);
803
+ }
804
+
805
+ .appscms-blog-cards {
806
+ box-shadow: rgba(0, 0, 0, 0.15);
807
+ margin-bottom: 20px;
808
+ border-radius: 10px;
809
+ /* max-width: 340px; */
810
+ /* min-width: 300px; */
811
+ }
812
+
813
+ .card-img-top{
814
+ border-radius: 10px;
815
+ }
816
+
817
+ .appscms-blog-cards img {
818
+ border-radius: 10px;
819
+ height: 180px;
820
+ }
821
+ .card-body {
822
+ display: flex;
823
+ flex-direction: column;
824
+ justify-content: space-between;
825
+ }
826
+
827
+ /* recent post blog heading */
828
+
829
+ /* author in blog */
830
+ .wrapfooter {
831
+ display: flex;
832
+ margin-bottom: -0px;
833
+ }
834
+
835
+ .wrapfooter img {
836
+ width: 42px;
837
+ height: 42px;
838
+ border-radius: 50%;
839
+ }
840
+ .wrapfooter .author-meta {
841
+ padding: 0px 15px 0px 10px;
842
+ }
843
+ .wrapfooter .author-meta a {
844
+ font-size: 15px;
845
+ font-weight: 500;
846
+ color: #3e3e3e;
847
+ text-transform: capitalize;
848
+ text-decoration: none;
849
+ }
850
+ .post-date {
851
+ color: #878787;
852
+ font-size: 12px;
853
+ font-weight: 500;
854
+ display: block;
855
+ text-align: left;
856
+ }
857
+ }
858
+ /* Small devices (tablets) */
859
+ @media (min-width: 576px) and (max-width: 767.98px) {
860
+ .toolfilters {
861
+ font-size: 10px;
862
+ height: 40px;
863
+ padding: 1px;
864
+ }
865
+ #searchbar-placeholder {
866
+ font-size: 14px;
867
+ }
868
+ #appscms-searchbar {
869
+ padding: 3px;
870
+ }
871
+ /*
872
+ toolfilter {
873
+ margin: auto;
874
+ padding: 0px 20px;
875
+ } */
876
+ }
877
+
878
+ /* Medium devices (desktops) */
879
+ @media (max-width: 768px) {
880
+ #appscms-tools-section-row {
881
+ gap: 15px;
882
+ justify-content: center;
883
+ margin-top: 35px;
884
+ }
885
+ .appscms-tool .tool-top .tool-img img {
886
+ border-radius: 0;
887
+ }
888
+
889
+ .appscms-tool .tool-top .tool-img {
890
+ justify-content: center;
891
+ background: unset;
892
+ border: 5px solid #ffffff08;
893
+ }
894
+ .appscms-tool {
895
+ box-shadow: none;
896
+ margin-bottom: 25px;
897
+ height: auto;
898
+ background-color: transparent;
899
+ display: flex;
900
+ flex-direction: column;
901
+ align-items: center;
902
+ }
903
+
904
+ .appscms-tool:hover {
905
+ box-shadow: unset;
906
+ }
907
+
908
+ .appscms-tool .tool-top {
909
+ background-color: transparent;
910
+ flex-direction: column;
911
+ justify-content: center;
912
+ border-radius: 10px;
913
+ height: 64px;
914
+ width: 64px;
915
+ border-radius: 21px;
916
+ }
917
+ .appscms-tool .tool-img {
918
+ padding: 0px !important;
919
+ }
920
+
921
+ .appscms-tool .tool-img img {
922
+ height: 38px !important;
923
+ width: 38px !important;
924
+ }
925
+
926
+ .appscms-tool .tool-text {
927
+ display: none;
928
+ }
929
+
930
+ .appscms-tool .tool-heading {
931
+ font-size: 12px;
932
+ line-height: 14.52px;
933
+ margin-top: 14px;
934
+ padding: 0px;
935
+ height: 15px;
936
+ font-weight: 400;
937
+ }
938
+
939
+ .appscms-tool-container {
940
+ /* margin: 0 auto; */
941
+ width: auto !important;
942
+ }
943
+ .appscms-tool-container:nth-child(even) .appscms-tool .tool-top {
944
+ background-color: transparent;
945
+ }
946
+ }
947
+ @media (min-width: 768px) and (max-width: 991.98px) {
948
+ .toolfilters {
949
+ font-size: 12px;
950
+ }
951
+ }
952
+
953
+ /* Large devices (desktops) */
954
+
955
+ @media (min-width: 992px) and (max-width: 1199.98px) {
956
+ /* Insert CSS code here */
957
+
958
+ }
959
+
960
+ /* Extra Large devices (large desktops) */
961
+ @media (min-width: 1200px) and (max-width: 1399.98px) {
962
+ /* Insert CSS code here */
963
+ }
964
+
965
+ /* Extra Extra Large devices (larger desktops) */
966
+ @media (min-width: 1400px) {
967
+ /* Insert CSS code here */
968
+ }
969
+
970
+ /* animations */
971
+
972
+ .appscms-product-footer li {
973
+ list-style: none;
974
+ }
975
+
976
+ .footer-product-link {
977
+ border-radius: 5px;
978
+ color: #5e5e5f;
979
+ display: block;
980
+ font-weight: 500;
981
+ font-size: 14px;
982
+ line-height: 19px;
983
+ padding: 15px 20px 14px 10px;
984
+ position: relative;
985
+ transition: none;
986
+ }
987
+ .footer-product-link:hover {
988
+ background-color: #f3f3f451;
989
+ color: #262628;
990
+ text-decoration: none;
991
+ }
992
+
993
+ .appscms-footer {
994
+ background-color: #F0F5FA;
995
+ padding: 44px 10px 10px 10px;
996
+ }
997
+
998
+ .appscms-footer-link {
999
+ list-style: none;
1000
+ }
1001
+
1002
+ .appscms-footer-link a {
1003
+ color: #6b6b6b;
1004
+ display: block;
1005
+ margin-top: 18px;
1006
+ font-size: 14px;
1007
+ font-weight: 500;
1008
+ line-height: 18px;
1009
+ }
1010
+ .appscms-footer-link a:hover {
1011
+ color: var(--black-color);
1012
+ }
1013
+ .appscms-footer-category {
1014
+ font-size: 14px;
1015
+ padding-bottom: 12px;
1016
+ font-weight: 700;
1017
+ line-height: 12px;
1018
+ color: var(--mid-gray);
1019
+ list-style: none;
1020
+ }
1021
+
1022
+ .upload-from-drives {
1023
+ display: flex;
1024
+ gap: 20px;
1025
+ margin-top: 10px;
1026
+ }
1027
+ .upload-from-drives img {
1028
+ cursor: pointer;
1029
+ }
1030
+ #appscms-tools-section a {
1031
+ text-decoration: none;
1032
+ }
1033
+ .success-msg {
1034
+ text-align: center;
1035
+ margin: 30px 0px;
1036
+ color: var(--primary-color);
1037
+ }
1038
+ .go-back-block {
1039
+ display: flex;
1040
+ align-items: center;
1041
+ justify-content: center;
1042
+ margin: 30px 0px;
1043
+ }
1044
+ .go-back-block button {
1045
+ background-color: var(--primary-color);
1046
+ color: var(--white-color);
1047
+ border: none;
1048
+ border-radius: 10px;
1049
+ padding: 10px 15px;
1050
+ font-size: 15px;
1051
+ height: 48px;
1052
+ min-width: 212px;
1053
+ }
1054
+ .go-back-block button i {
1055
+ color: var(--black-color);
1056
+ background-color: var(--white-color);
1057
+ padding: 8px;
1058
+ border-radius: 50%;
1059
+ font-size: 12px;
1060
+ }
1061
+ #rating-img {
1062
+ height: 1px;
1063
+ width: 1px;
1064
+ filter: brightness();
1065
+ filter: brightness(100);
1066
+ position: absolute;
1067
+ }
1068
+ .rating-tool {
1069
+ display: flex;
1070
+ justify-content: center;
1071
+ align-items: center;
1072
+ background-color: rgb(252, 252, 252);
1073
+ border-radius: 50px;
1074
+ height: 70px;
1075
+ margin: 40px 0px;
1076
+ }
1077
+ #rating {
1078
+ font-size: 25px;
1079
+ font-weight: 600;
1080
+ }
1081
+ .rating-text {
1082
+ font-size: 16px;
1083
+ }
1084
+
1085
+ .rating-stars {
1086
+ padding: 0px 10px;
1087
+ display: flex;
1088
+ justify-content: space-between;
1089
+ gap: 4px;
1090
+ }
1091
+
1092
+ .rating-stars i {
1093
+ font-size: 20px;
1094
+ }
1095
+ .download-social-share {
1096
+ background: #d0d3ed;
1097
+ padding: 40px 0px;
1098
+ display: flex;
1099
+ justify-content: space-between;
1100
+ }
1101
+ .share-icons {
1102
+ display: flex;
1103
+ gap: 30px;
1104
+ justify-content: end;
1105
+ }
1106
+ .download-social-share a {
1107
+ color: #000;
1108
+ font-size: 17px;
1109
+ height: 40px;
1110
+ width: 40px;
1111
+ display: flex;
1112
+ align-items: center;
1113
+ justify-content: center;
1114
+ padding: 10px 10px;
1115
+ border: 2px solid var(--black-color);
1116
+ border-radius: 50%;
1117
+ }
1118
+ .appscms-heading {
1119
+ font-size: 25px;
1120
+ text-align: center;
1121
+ font-weight: 500;
1122
+ }
1123
+ .website-img {
1124
+ height: 50px;
1125
+ width: 50px;
1126
+ }
1127
+ .website-showcases {
1128
+ padding: 50px 0px;
1129
+ }
1130
+ .website-showcase {
1131
+ display: flex;
1132
+ flex-direction: column;
1133
+ justify-content: center;
1134
+ align-items: center;
1135
+ margin-bottom: 25px;
1136
+ overflow: hidden;
1137
+ }
1138
+ .website-showcase a {
1139
+ color: var(--black-color);
1140
+ font-size: 15px;
1141
+ margin-top: 10px;
1142
+ }
1143
+ .feature-showcase {
1144
+ padding: 50px 0px;
1145
+ }
1146
+ .feature-showcase-div {
1147
+ display: flex;
1148
+ flex-direction: column;
1149
+ justify-content: center;
1150
+ align-items: center;
1151
+ margin-bottom: 25px;
1152
+ }
1153
+ .feature-showcase-div img {
1154
+ height: 45px;
1155
+ width: 45px;
1156
+ }
1157
+ .feature-showcase a span {
1158
+ margin-top: 15px;
1159
+ font-size: 14px;
1160
+ }
1161
+ .feature-showcase a {
1162
+ color: var(--black-color);
1163
+ }
1164
+
1165
+ .video-h1,
1166
+ .audio-h1 {
1167
+ font-weight: 600;
1168
+ font-size: 53px;
1169
+ }
1170
+
1171
+ .video-h2,
1172
+ .audio-h2 {
1173
+ font-size: 22px;
1174
+ }
1175
+ .shareModal {
1176
+ display: none;
1177
+ position: fixed;
1178
+ z-index: 100000000000;
1179
+ left: 0;
1180
+ top: 0;
1181
+ width: 100%;
1182
+ height: 100%;
1183
+ overflow: auto;
1184
+ background-color: rgba(0, 0, 0, 0.5);
1185
+ }
1186
+
1187
+ .shareModal .share-modal-content {
1188
+ background-color: #fefefe;
1189
+ margin: 15% auto;
1190
+ padding: 20px;
1191
+ /* border: 1px solid #888; */
1192
+ width: 70%;
1193
+ height: 200px;
1194
+ text-align: center;
1195
+ }
1196
+
1197
+ .shareModal .close-share-modal {
1198
+ color: #aaa;
1199
+ float: right;
1200
+ display: none;
1201
+ font-size: 28px;
1202
+ font-weight: bold;
1203
+ }
1204
+ .shareModal h5 {
1205
+ color: #000;
1206
+ padding-top: 10px;
1207
+ font-weight: 700;
1208
+ }
1209
+ .shareModal .close-share-modal:hover,
1210
+ .shareModal .close-share-modal:focus {
1211
+ color: black;
1212
+ text-decoration: none;
1213
+ cursor: pointer;
1214
+ }
1215
+
1216
+ .share-modal-social {
1217
+ display: flex;
1218
+ gap: 30px;
1219
+ height: 100%;
1220
+ padding-bottom: 60px;
1221
+ align-items: center;
1222
+ justify-content: center;
1223
+ }
1224
+ .share-modal-social a {
1225
+ color: #000;
1226
+ }
1227
+ .share-modal-social a i {
1228
+ font-size: 30px;
1229
+ }
1230
+ .authors-list a {
1231
+ color: var(--dark-gray);
1232
+ }
1233
+ .featurePageAuthor {
1234
+ display: flex;
1235
+ flex-direction: column;
1236
+ width: 100%;
1237
+ justify-content: center;
1238
+ }
1239
+
1240
+ .featurePageAuthor .author-meta {
1241
+ width: 500px;
1242
+ margin: 0 auto;
1243
+ padding-bottom: 5rem;
1244
+ }
1245
+
1246
+ .featurePageAuthor .author-meta .authorName {
1247
+ font-size: 20px;
1248
+ padding: 1rem 0px;
1249
+ font-weight: 900;
1250
+ text-align: center;
1251
+ }
1252
+
1253
+ .featurePageAuthor .author-img {
1254
+ width: 100px;
1255
+ height: 100px;
1256
+ border-radius: 100%;
1257
+ }
1258
+
1259
+ .featurePageAuthor .author_bio {
1260
+ font-size: 16px;
1261
+ }
1262
+
1263
+ @media (max-width: 768px) {
1264
+ .authors-list {
1265
+ padding: 25px;
1266
+ }
1267
+
1268
+ .featurePageAuthor .author-meta {
1269
+ width: 100%;
1270
+ }
1271
+ }
1272
+ .contributor {
1273
+ width: 100px;
1274
+ }
1275
+ .contributor .contributor-name {
1276
+ font-size: 13px;
1277
+ margin-top: 8px;
1278
+ text-transform: capitalize;
1279
+ }
1280
+ .infographics_section {
1281
+ width: 100%;
1282
+ padding: 50px 0px 50px 0px;
1283
+ }
1284
+
1285
+ .infographics_section .infographics-desc {
1286
+ position: absolute;
1287
+ color: #000;
1288
+ bottom: 0;
1289
+ }
1290
+
1291
+ .infographics_section .slider {
1292
+ position: relative;
1293
+ max-width: 40rem;
1294
+ height: 26.625rem;
1295
+ margin: 0 auto;
1296
+ overflow: hidden;
1297
+ }
1298
+
1299
+ .infographics_section .slide {
1300
+ position: absolute;
1301
+ top: 0;
1302
+ width: 100%;
1303
+ height: 26.625rem;
1304
+ display: flex;
1305
+ align-items: center;
1306
+ justify-content: center;
1307
+ transition: transform 1s;
1308
+ }
1309
+
1310
+ .infographics_section .slide img {
1311
+ width: 200px;
1312
+ height: 100%;
1313
+ transition-duration: 0.27s;
1314
+ /* object-fit: contain; */
1315
+ }
1316
+
1317
+ .infographics_section button {
1318
+ background: none;
1319
+ border: none;
1320
+ }
1321
+
1322
+ .infographics_section button .fas {
1323
+ color: #000;
1324
+ }
1325
+
1326
+ .infographics_section .btn-slide {
1327
+ position: absolute;
1328
+ top: 50%;
1329
+ z-index: 10;
1330
+ height: 5.5rem;
1331
+ width: 5.5rem;
1332
+ cursor: pointer;
1333
+ }
1334
+
1335
+ .infographics_section .prev {
1336
+ left: 3rem;
1337
+ transform: translate(-50%, -50%);
1338
+ }
1339
+
1340
+ .infographics_section .next {
1341
+ right: 3rem;
1342
+ transform: translate(50%, -50%);
1343
+ }
1344
+
1345
+ .infographics_section .dots-container {
1346
+ display: flex;
1347
+ justify-content: center;
1348
+ align-items: center;
1349
+ position: relative;
1350
+ }
1351
+
1352
+ .infographics_section .dot {
1353
+ width: 25px;
1354
+ height: 5px;
1355
+ margin: 15px 5px;
1356
+ border-radius: 0.5rem;
1357
+ background: rgba(39, 39, 39, 0.5);
1358
+ cursor: pointer;
1359
+ }
1360
+
1361
+ .infographics_section .dot.active {
1362
+ background: #272727;
1363
+ }
1364
+ .slide img {
1365
+ transition-duration: 0.27s;
1366
+ }
1367
+ .slide img:hover {
1368
+ transform: scale(1.02);
1369
+ box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.12);
1370
+ }
1371
+ .no-result-found-msg {
1372
+ font-size: 20px;
1373
+ color: var(--black-light);
1374
+ text-align: center;
1375
+ width: 100%;
1376
+ font-weight: 500;
1377
+ }
1378
+ .close-nav-ham {
1379
+ display: none;
1380
+ }
1381
+ .active-lang {
1382
+ background: #f4f5ff;
1383
+ border-radius: 3px;
1384
+ }