appscms-tools-theme 3.7.6 → 3.7.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. checksums.yaml +4 -4
  2. data/_data/feature/en/3_shop_posters.json +8 -8
  3. data/_data/feature/en/allele-frequency.json +1 -1
  4. data/_data/feature/en/batch-conversion.json +1 -1
  5. data/_data/feature/en/compress-pdf.json +1 -1
  6. data/_data/feature/en/devtools.json +1 -1
  7. data/_data/feature/en/face-detection.json +1 -1
  8. data/_data/feature/en/split-pdf.json +1 -1
  9. data/_data/feature/en/theframe.json +1 -1
  10. data/_data/feature/hi/compress-pdf.json +1 -1
  11. data/_data/feature/tr/compress-pdf.json +1 -1
  12. data/_data/header/en/data.json +2 -2
  13. data/_data/home/en/en.json +1 -1
  14. data/_data/home/en/photoeffects.json +1 -1
  15. data/_data/home-1/en/en.json +1 -1
  16. data/_includes/.DS_Store +0 -0
  17. data/_includes/appscms/category-tabs/category-tabs.html +17 -0
  18. data/_includes/appscms/extras/ratings.html +33 -0
  19. data/_includes/appscms/extras/recent-posts.html +1 -0
  20. data/_includes/appscms/extras/traffic-count.html +21 -0
  21. data/_includes/appscms/faq/faq.html +46 -0
  22. data/_includes/appscms/featurehighlight/featurehighlight.html +56 -0
  23. data/_includes/appscms/footer/footer.html +283 -0
  24. data/_includes/appscms/footer/products.html +40 -0
  25. data/_includes/appscms/head/head.html +611 -0
  26. data/_includes/appscms/headings/headings.html +19 -0
  27. data/_includes/appscms/home/feature-boxes.html +21 -0
  28. data/_includes/appscms/howto/howto.html +74 -0
  29. data/_includes/appscms/navbars/navbar.html +50 -0
  30. data/_includes/appscms/navbars/toolbar.html +49 -0
  31. data/_includes/appscms/recent-posts/recent-posts.html +90 -0
  32. data/_includes/appscms/scripts/script.html +135 -0
  33. data/_includes/appscms/searchbar/searchbar.html +22 -0
  34. data/_includes/appscms/uploadbutton/uploadbutton.html +44 -0
  35. data/_layouts/appscms-blog.html +31 -0
  36. data/_layouts/appscms-feature.html +32 -0
  37. data/_layouts/appscms-home.html +27 -0
  38. data/assets/.DS_Store +0 -0
  39. data/assets/css/appscms-feature.css +362 -0
  40. data/assets/css/appscms-home.css +0 -0
  41. data/assets/css/appscms-theme.css +780 -0
  42. data/assets/document.png +0 -0
  43. data/assets/dropbox.png +0 -0
  44. data/assets/gdrive.png +0 -0
  45. data/assets/js/appscms-theme.js +62 -0
  46. metadata +31 -2
@@ -0,0 +1,780 @@
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
+
8
+ :root {
9
+ --primary-color: #1b2fe7;
10
+ --font-size: 16px;
11
+ --secondary-color: #f8f8f8;
12
+ --secondary-color-1: #fafafa;
13
+ --secondary-color-3: #f4f5ff;
14
+ --black-color: #000;
15
+ --while-color: #ffffff;
16
+ --black-light: #606060;
17
+ --font-family: "Inter", sans-serif;
18
+ --text-color: #000;
19
+ --success-color: #00cc00;
20
+ --error-color: #ff0000;
21
+ --warning-color: #ffcc00;
22
+ --dark-gray: #4d4d4d;
23
+ --mid-gray: #1d1d1d;
24
+ }
25
+ body {
26
+ padding: 0;
27
+ margin: 0;
28
+ -webkit-font-smoothing: antialiased;
29
+ font-family: var(--font-family);
30
+ overflow-x: hidden;
31
+ background: rgba(255, 33, 129, 0.2);
32
+ background: radial-gradient(
33
+ circle,
34
+ rgba(168, 237, 223, 0.13) 0%,
35
+ rgba(166, 143, 248, 0.14) 50%
36
+ );
37
+ }
38
+ /* appscms navbar */
39
+ .appscms-navbar {
40
+ background-color: var(--while-color);
41
+ height: 45px;
42
+ }
43
+ .appscms-navbar-nav {
44
+ display: flex;
45
+ width: 100%;
46
+ height: 100%;
47
+ justify-content: space-between;
48
+ }
49
+ .appscms-navbar-nav-links {
50
+ width: 100%;
51
+ height: 100%;
52
+ display: flex;
53
+ justify-content: flex-end;
54
+ gap: 80px;
55
+ align-items: center;
56
+ }
57
+ .appscms-nav-link {
58
+ color: #000;
59
+ }
60
+ .appscms-nav-link:hover {
61
+ color: var(--black-color);
62
+ text-decoration: none;
63
+ }
64
+ .arrow-svg {
65
+ display: none;
66
+ }
67
+
68
+ .appscms-toolbar {
69
+ background-color: var(--primary-color);
70
+ box-shadow: 1px 4px 10 #00000026;
71
+ }
72
+ .appscms-toolbar .appscms-toolbar-list {
73
+ list-style: none;
74
+ display: flex;
75
+ padding: 0;
76
+ margin: 0;
77
+ height: 40px;
78
+ gap: 59px;
79
+ }
80
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item {
81
+ color: var(--black-light);
82
+ display: block;
83
+ font-size: 16px;
84
+ line-height: 24px;
85
+ padding: 10px;
86
+ position: relative;
87
+ text-decoration: none;
88
+ display: flex;
89
+ align-items: center;
90
+ justify-content: center;
91
+ cursor: pointer;
92
+ }
93
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:first-child {
94
+ padding-left: 0px;
95
+ }
96
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:first-child {
97
+ padding-right: 0px;
98
+ }
99
+ .appscms-toolbar
100
+ .appscms-toolbar-list
101
+ .appscms-toolbar-list-item:hover
102
+ > .list-item-dropdown {
103
+ display: block;
104
+ opacity: 1;
105
+ }
106
+
107
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:hover {
108
+ border-bottom: 2px solid white;
109
+ padding-bottom: 8px;
110
+ position: relative;
111
+ }
112
+
113
+ /* smooth scrolling code */
114
+ .appscms-toolbar-list {
115
+ overflow-y: hidden;
116
+ overflow-x: auto;
117
+ }
118
+
119
+ .appscms-toolbar-list::-webkit-scrollbar {
120
+ width: 0;
121
+ height: 0;
122
+ }
123
+
124
+ .appscms-toolbar-list::-webkit-scrollbar-track {
125
+ background-color: transparent;
126
+ }
127
+
128
+ .appscms-toolbar-list::-webkit-scrollbar-thumb {
129
+ background-color: transparent;
130
+ }
131
+
132
+ .appscms-toolbar .list-item-dropdown {
133
+ left: 0px;
134
+ position: fixed;
135
+ top: 85px;
136
+ min-width: 500px;
137
+ width: 90vw;
138
+ box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
139
+ z-index: 200;
140
+ border-bottom-left-radius: 10px;
141
+ border-bottom-right-radius: 10px;
142
+ padding: 25px 50px 50px 50px;
143
+ display: none;
144
+ background-color: var(--while-color);
145
+ }
146
+
147
+ .list-item-dropdown-heading {
148
+ font-weight: 600;
149
+ font-size: 13px;
150
+ color: var(--black-light);
151
+ margin-bottom: 8px;
152
+ }
153
+ .list-item-dropdown li {
154
+ padding-top: 1px;
155
+ padding-bottom: 1px;
156
+ list-style: none;
157
+ }
158
+ .list-item-dropdown li .toolbar-link {
159
+ font-weight: 500;
160
+ line-height: 2.5;
161
+ color: rgb(45, 45, 45);
162
+ padding-top: 10px;
163
+ padding-bottom: 8px;
164
+ align-items: center;
165
+ width: 100%;
166
+ font-size: 17px;
167
+ text-decoration: none;
168
+ text-transform: capitalize;
169
+ white-space: nowrap;
170
+ }
171
+ .appscms-toolbar-list-item-span {
172
+ color: var(--while-color);
173
+ display: block;
174
+ font-size: 15px;
175
+ line-height: 24px;
176
+ width: 100%;
177
+ white-space: nowrap;
178
+ padding: 8px 0;
179
+ position: relative;
180
+ text-decoration: none;
181
+ }
182
+ .hamburger {
183
+ display: none;
184
+ }
185
+ @media (max-width: 768px) {
186
+ .hamburger {
187
+ display: block;
188
+ cursor: pointer;
189
+ position: absolute;
190
+ right: -29px;
191
+ top: 5px;
192
+ z-index: 9999;
193
+ }
194
+ .appscms-toolbar {
195
+ background-color: var(--black-color);
196
+ box-shadow: 1px 4px 10 #00000026;
197
+ }
198
+ .appscms-navbar-nav-links {
199
+ display: none;
200
+ }
201
+ .appscms-toolbar {
202
+ top: 0px;
203
+ position: fixed;
204
+ transition: all 0.3s ease;
205
+ width: 272px;
206
+ right: -272px;
207
+ display: none;
208
+ z-index: 1000;
209
+ }
210
+ .appscms-toolbar .appscms-toolbar-list {
211
+ height: 100vh;
212
+ flex-direction: column;
213
+ gap: 0px;
214
+ overflow-y: scroll;
215
+ margin-top: 3rem;
216
+ }
217
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item {
218
+ align-items: flex-start;
219
+ flex-direction: column;
220
+ }
221
+ .appscms-toolbar
222
+ .appscms-toolbar-list
223
+ .appscms-toolbar-list-item:first-child {
224
+ padding-left: 10px;
225
+ }
226
+ .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:hover {
227
+ border-bottom: none;
228
+ padding-bottom: 10px;
229
+ }
230
+ .appscms-toolbar
231
+ .appscms-toolbar-list
232
+ .appscms-toolbar-list-item:first-child {
233
+ padding-right: 10px;
234
+ }
235
+ .list-item-dropdown li .toolbar-link {
236
+ color: var(--while-color);
237
+ font-size: 15px;
238
+ }
239
+ .appscms-toolbar-list-item-span {
240
+ font-size: 17px;
241
+ font-weight: 600;
242
+ }
243
+ .list-item-dropdown-heading {
244
+ display: none;
245
+ }
246
+ .appscms-toolbar .list-item-dropdown {
247
+ padding: 0px;
248
+ width: 100%;
249
+ position: static;
250
+ display: block;
251
+ overflow: hidden;
252
+ transition: all 0.3s ease;
253
+ background-color: transparent;
254
+ opacity: 0;
255
+ height: 0px;
256
+ max-height: 0px;
257
+ }
258
+ .appscms-toolbar
259
+ .appscms-toolbar-list-item:nth-child(1)
260
+ > .list-item-dropdown {
261
+ opacity: 1;
262
+ height: auto;
263
+ max-height: 200px;
264
+ }
265
+
266
+ .arrow-svg {
267
+ display: block;
268
+ }
269
+ }
270
+ .bg-primary {
271
+ background-color: #1b2fe7;
272
+ }
273
+ /* headings section */
274
+ .appscms-h1 {
275
+ font-size: 50px;
276
+ font-weight: 799;
277
+ margin: 20px 0px;
278
+ color: #000;
279
+ }
280
+ .appscms-h2 {
281
+ font-size: 20px;
282
+ padding-top: 8px;
283
+ font-weight: 400;
284
+ color: var(--mid-gray);
285
+ }
286
+
287
+ /* searchbar */
288
+ #appscms-searchbar {
289
+ border-radius: 50px;
290
+ padding: 10px;
291
+ background-color: white;
292
+ }
293
+ .form-control:focus {
294
+ border-color: transparent;
295
+ box-shadow: none;
296
+ }
297
+ .btn-search:hover {
298
+ transform: scale(1.2);
299
+ }
300
+ .btn-search:focus,
301
+ .btn-search:active {
302
+ background-color: transparent;
303
+ border-color: transparent;
304
+ box-shadow: none;
305
+ }
306
+ /* category section */
307
+ .toolfilters {
308
+ margin-top: 80px;
309
+ background-color: rgb(255, 255, 255);
310
+ display: flex;
311
+ height: 30px;
312
+ box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.15);
313
+ height: 53px;
314
+ align-items: center;
315
+ border-radius: 27px;
316
+ overflow: hidden;
317
+ margin: 20px;
318
+ color: #000;
319
+ }
320
+ .toolfilter {
321
+ margin: auto;
322
+ padding: 0px 30px;
323
+ }
324
+ /* test scroll */
325
+ .toolfilters {
326
+ overflow-y: hidden;
327
+ overflow-x: auto;
328
+ }
329
+
330
+ .toolfilters::-webkit-scrollbar {
331
+ width: 0;
332
+ height: 0;
333
+ }
334
+
335
+ .toolfilters::-webkit-scrollbar-track {
336
+ background-color: transparent;
337
+ }
338
+
339
+ .toolfilters::-webkit-scrollbar-thumb {
340
+ background-color: transparent;
341
+ }
342
+ /* margin: 4px; */
343
+ /* overflow: hidden; */
344
+
345
+ .toolfilter:hover {
346
+ background-color: var(--primary-color);
347
+ color: white;
348
+ height: 90%;
349
+ border-radius: 26px;
350
+ display: flex;
351
+ align-items: center;
352
+ }
353
+
354
+ /* tools section */
355
+ .appscms-tool-container:nth-child(even) .appscms-tool .tool-top {
356
+ background-color: rgb(233, 107, 34);
357
+ }
358
+
359
+ #appscms-tools-section {
360
+ padding-top: 50px;
361
+ }
362
+ .appscms-tool {
363
+ border-radius: 10px;
364
+ box-shadow: 2px 3px 7px 2px rgba(0, 0, 0, 0.26);
365
+ cursor: pointer;
366
+ height: 171px;
367
+ margin-bottom: 25px;
368
+ background-color: rgba(255, 255, 255, 0.7);
369
+ }
370
+ .appscms-tool .tool-top {
371
+ background: #4b5cf4;
372
+ overflow: hidden;
373
+ height: calc(171px - 57px);
374
+ border-top-right-radius: 10px;
375
+ border-top-left-radius: 10px;
376
+ display: flex;
377
+ align-items: center;
378
+ }
379
+ .appscms-tool .tool-top .tool-img {
380
+ padding: 24px;
381
+ padding-right: 13px;
382
+ }
383
+ .appscms-tool .tool-top .tool-img img {
384
+ height: 62px;
385
+ width: 62px;
386
+ border-radius: 50%;
387
+ }
388
+ .appscms-tool .tool-text {
389
+ color: var(--while-color);
390
+ padding-right: 33px;
391
+ font-weight: 300;
392
+ font-size: 17px;
393
+ line-height: 20.57px;
394
+ }
395
+ .appscms-tool .tool-heading {
396
+ padding-top: 14px;
397
+ padding-bottom: 19px;
398
+ height: 57px;
399
+ font-weight: 400;
400
+ font-size: 19px;
401
+ text-align: center;
402
+ }
403
+ .text-primary {
404
+ font-size: 30px;
405
+ font-weight: 600;
406
+ }
407
+
408
+ .description {
409
+ font-size: 12px;
410
+ line-height: 0.2;
411
+ }
412
+
413
+ /* blog section */
414
+ .appscms-blogs {
415
+ border-radius: 10px;
416
+ padding-top: 20px;
417
+ background-color: rgba(255, 255, 255, 0.494);
418
+ }
419
+
420
+ .appscms-blog-cards {
421
+ box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.06);
422
+ margin-bottom: 20px;
423
+ border-radius: 10px;
424
+ /* max-width: 340px; */
425
+ /* min-width: 300px; */
426
+ }
427
+
428
+ .appscms-blog-cards img {
429
+ border-radius: 10px 10px 0px 0px;
430
+ height: 180px;
431
+ }
432
+ .card-body {
433
+ display: flex;
434
+ flex-direction: column;
435
+ justify-content: space-between;
436
+ }
437
+
438
+ /* recent post blog heading */
439
+
440
+ /* author in blog */
441
+ .wrapfooter {
442
+ display: flex;
443
+ margin-top: 50px;
444
+ margin-bottom: -0px;
445
+ }
446
+ .wrapfooter img {
447
+ width: 42px;
448
+ height: 42px;
449
+ border-radius: 50%;
450
+ }
451
+ .wrapfooter .author-meta {
452
+ padding: 0px 15px 0px 10px;
453
+ }
454
+ .wrapfooter .author-meta a {
455
+ font-size: 15px;
456
+ font-weight: 500;
457
+ color: #3e3e3e;
458
+ text-transform: capitalize;
459
+ text-decoration: none;
460
+ }
461
+ .post-date {
462
+ color: #878787;
463
+ font-size: 12px;
464
+ font-weight: 500;
465
+ display: block;
466
+ text-align: left;
467
+ }
468
+
469
+ /* footer */
470
+ .footer-prducts-div-heading {
471
+ }
472
+
473
+ .appscms-product-footer {
474
+ background-color: white;
475
+ margin-top: 50px;
476
+ }
477
+ .appscms-footer-products {
478
+ opacity: 100%;
479
+ }
480
+
481
+ .footer-product-link {
482
+ font-size: 15px;
483
+ }
484
+ .appscms-footer-products a {
485
+ text-decoration: none;
486
+ color: #000;
487
+ }
488
+ /* footer i89 modal css */
489
+ .privacy-links-item {
490
+ font-stretch: 400;
491
+ font-weight: 400;
492
+ font-size: 16px;
493
+ line-height: 24px;
494
+ color: rgba(26, 26, 26, 1);
495
+ margin: 0 20px;
496
+ }
497
+ .privacy-links-item:last-child {
498
+ margin-right: 0;
499
+ }
500
+ .drop-down-btn {
501
+ cursor: pointer;
502
+ outline: 0px;
503
+ border: 0px;
504
+ width: auto;
505
+ overflow: visible;
506
+ display: flex;
507
+ -webkit-box-align: center;
508
+ align-items: center;
509
+ background-color: transparent;
510
+ transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
511
+ font-weight: 400;
512
+ font-size: 16px;
513
+ line-height: 24px;
514
+ color: rgb(26, 26, 26);
515
+ }
516
+ .language-drop-down-menu {
517
+ display: flex;
518
+ justify-content: space-between;
519
+ margin: 0;
520
+ padding: 0;
521
+ flex-wrap: wrap;
522
+ }
523
+ .language-drop-down-item {
524
+ list-style: none;
525
+ width: 50%;
526
+ padding: 10px 12px 0px 0px;
527
+ text-align: center;
528
+ font-size: 15px;
529
+ margin-bottom: 0;
530
+ }
531
+ .language-drop-down-item a {
532
+ display: flex;
533
+ width: 100%;
534
+ align-items: center;
535
+ padding: 9px 9px;
536
+ color: #000;
537
+ border-bottom: 1px solid rgb(224, 224, 224);
538
+ }
539
+
540
+ @media (max-width: 575.98px) {
541
+ body {
542
+ background: var(--secondary-color);
543
+ }
544
+ .appscms-h1 {
545
+ font-size: 30px;
546
+ font-weight: 799;
547
+ }
548
+ .appscms-h2 {
549
+ font-size: 12px;
550
+ font-weight: 400;
551
+ color: var(--mid-gray);
552
+ }
553
+ #appscms-tools-section {
554
+ padding-top: 10px;
555
+ }
556
+ /* category section */
557
+
558
+ .toolfilters {
559
+ font-size: 10px;
560
+ height: 30px;
561
+ padding: 3px;
562
+ }
563
+ .toolfilter {
564
+ margin: auto;
565
+ padding: 0px 15px;
566
+ }
567
+ /* search bar */
568
+ #appscms-searchbar {
569
+ border-radius: 50px;
570
+ padding: 0px;
571
+ font-size: 8px;
572
+ }
573
+ #searchbar-placeholder {
574
+ font-size: 12px;
575
+ }
576
+ .text-primary {
577
+ font-size: 20px;
578
+ font-weight: 600;
579
+ }
580
+
581
+ .description {
582
+ font-size: 12px;
583
+ line-height: 0.2;
584
+ }
585
+ .footer-product-link {
586
+ font-size: 12px;
587
+ }
588
+ /* recent post and blog section phone */
589
+ /* blog section */
590
+ .appscms-blogs {
591
+ border-radius: 10px;
592
+ padding-top: 20px;
593
+ background-color: rgba(255, 255, 255, 0.494);
594
+ }
595
+
596
+ .appscms-blog-cards {
597
+ box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.06);
598
+ margin-bottom: 20px;
599
+ border-radius: 10px;
600
+ /* max-width: 340px; */
601
+ /* min-width: 300px; */
602
+ }
603
+
604
+ .appscms-blog-cards img {
605
+ border-radius: 10px 10px 0px 0px;
606
+ height: 180px;
607
+ }
608
+ .card-body {
609
+ display: flex;
610
+ flex-direction: column;
611
+ justify-content: space-between;
612
+ }
613
+
614
+ /* recent post blog heading */
615
+
616
+ /* author in blog */
617
+ .wrapfooter {
618
+ display: flex;
619
+ margin-top: 50px;
620
+ margin-bottom: -0px;
621
+ }
622
+ .wrapfooter img {
623
+ width: 42px;
624
+ height: 42px;
625
+ border-radius: 50%;
626
+ }
627
+ .wrapfooter .author-meta {
628
+ padding: 0px 15px 0px 10px;
629
+ }
630
+ .wrapfooter .author-meta a {
631
+ font-size: 15px;
632
+ font-weight: 500;
633
+ color: #3e3e3e;
634
+ text-transform: capitalize;
635
+ text-decoration: none;
636
+ }
637
+ .post-date {
638
+ color: #878787;
639
+ font-size: 12px;
640
+ font-weight: 500;
641
+ display: block;
642
+ text-align: left;
643
+ }
644
+ }
645
+ /* Small devices (tablets) */
646
+ @media (min-width: 576px) and (max-width: 767.98px) {
647
+ .toolfilters {
648
+ font-size: 10px;
649
+ height: 40px;
650
+ padding: 1px;
651
+ }
652
+ #searchbar-placeholder {
653
+ font-size: 13px;
654
+ }
655
+ #appscms-searchbar {
656
+ padding: 3px;
657
+ }
658
+
659
+ toolfilter {
660
+ margin: auto;
661
+ padding: 0px 20px;
662
+ }
663
+ }
664
+
665
+ /* Medium devices (desktops) */
666
+ @media (max-width: 768px) {
667
+ .appscms-tool {
668
+ box-shadow: none;
669
+ margin-bottom: 25px;
670
+ height: auto;
671
+ background-color: transparent;
672
+ }
673
+ .appscms-tool .tool-top {
674
+ background-color: transparent;
675
+ flex-direction: column;
676
+ }
677
+ .appscms-tool .tool-img {
678
+ padding: 0px !important;
679
+ }
680
+ .appscms-tool .tool-img img {
681
+ height: 72px !important;
682
+ width: 72px !important;
683
+ border-radius: 20px !important;
684
+ }
685
+ .appscms-tool .tool-text {
686
+ display: none;
687
+ }
688
+ .appscms-tool .tool-heading {
689
+ font-size: 12px;
690
+ line-height: 14.52px;
691
+ margin-top: 14px;
692
+ padding: 0px;
693
+ height: 15px;
694
+ font-weight: 300;
695
+ }
696
+ .appscms-tool-container {
697
+ margin: 0 auto;
698
+ width: auto !important;
699
+ }
700
+ .appscms-tool-container:nth-child(even) .appscms-tool .tool-top {
701
+ background-color: transparent;
702
+ }
703
+ }
704
+ @media (min-width: 768px) and (max-width: 991.98px) {
705
+ .toolfilters {
706
+ font-size: 12px;
707
+ }
708
+ }
709
+
710
+ /* Large devices (desktops) */
711
+ @media (min-width: 992px) and (max-width: 1199.98px) {
712
+ /* Insert CSS code here */
713
+ }
714
+
715
+ /* Extra Large devices (large desktops) */
716
+ @media (min-width: 1200px) and (max-width: 1399.98px) {
717
+ /* Insert CSS code here */
718
+ }
719
+
720
+ /* Extra Extra Large devices (larger desktops) */
721
+ @media (min-width: 1400px) {
722
+ /* Insert CSS code here */
723
+ }
724
+
725
+ /* animations */
726
+
727
+ .appscms-product-footer li {
728
+ list-style: none;
729
+ }
730
+ .footer-product-link {
731
+ border-radius: 5px;
732
+ color: #262628;
733
+ display: block;
734
+ font-size: 13px;
735
+ line-height: 20px;
736
+ padding: 14px 20px 14px 48px;
737
+ position: relative;
738
+ transition: none;
739
+ }
740
+ .footer-product-link:hover {
741
+ background-color: #f3f3f4;
742
+ color: #262628;
743
+ text-decoration: none;
744
+ }
745
+ .appscms-footer {
746
+ background-color: var(--while-color);
747
+ padding: 50px;
748
+ border-top: 1px solid rgb(148, 148, 148);
749
+ }
750
+
751
+ .appscms-footer-link {
752
+ list-style: none;
753
+ }
754
+ .appscms-footer-link a {
755
+ color: var(--dark-gray);
756
+ display: block;
757
+ margin-top: 16px;
758
+ font-size: 15px;
759
+ font-weight: 400;
760
+ line-height: 20px;
761
+ }
762
+ .appscms-footer-link a:hover {
763
+ color: var(--black-color);
764
+ }
765
+ .appscms-footer-category {
766
+ font-size: 14px;
767
+ font-weight: 600;
768
+ line-height: 20px;
769
+ color: var(--black-color);
770
+ list-style: none;
771
+ }
772
+
773
+ .upload-from-drives {
774
+ display: flex;
775
+ gap: 20px;
776
+ margin-top: 10px;
777
+ }
778
+ .upload-from-drives img {
779
+ cursor: pointer;
780
+ }