appscms-tools-theme 2.3.0 → 2.3.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,225 @@
1
+ body {
2
+ font-family: Inter, sans-serif
3
+ }
4
+
5
+ .home1-top-h1 {
6
+ line-height: 60px;
7
+ font-size: 45px;
8
+ }
9
+
10
+ .home1-features {
11
+ display: flex;
12
+ flex-wrap: wrap;
13
+ list-style: none;
14
+ padding: 0px 100px;
15
+ padding-bottom: 50px;
16
+ }
17
+
18
+ .home1-features-box {
19
+ width: 33.3%;
20
+ padding: 12px 0px;
21
+ padding-right: 12px;
22
+ margin: 0 !important
23
+ }
24
+
25
+ .home1-inner-box {
26
+ display: flex;
27
+ -webkit-box-align: center;
28
+ align-items: center;
29
+ position: relative;
30
+ width: 100%;
31
+ }
32
+
33
+ .home1-feature-name {
34
+ display: flex;
35
+ position: relative;
36
+ border: 1px solid rgb(232, 232, 232);
37
+ border-radius: 4px;
38
+ width: 100%;
39
+ cursor: pointer;
40
+ font-weight: 700;
41
+ font-size: 16px;
42
+ line-height: 24px;
43
+ color: rgb(26, 26, 26);
44
+ user-select: none;
45
+ outline: none;
46
+ height: 120px;
47
+ background: rgb(250, 250, 250);
48
+ }
49
+
50
+ .home1-feature-name:hover {
51
+ background: rgb(244, 244, 244);
52
+ }
53
+
54
+ .home1-feature-text {
55
+ position: relative;
56
+ padding: 16px 56px 16px 64px;
57
+ width: 100%;
58
+ height: 100%;
59
+ text-align: left;
60
+ font-size: 15px;
61
+ font-weight: 600;
62
+ }
63
+
64
+ .home1-feature-desc {
65
+ font-weight: 400;
66
+ font-size: 13px;
67
+ line-height: 20px;
68
+ color: rgb(26, 26, 26);
69
+ position: absolute;
70
+ pointer-events: none;
71
+ text-align: left;
72
+ left: 65px;
73
+ right: 57px;
74
+ margin: 0px;
75
+ top: 41px;
76
+ }
77
+
78
+ .home1-feature-img {
79
+ position: absolute;
80
+ pointer-events: none;
81
+ left: 17px;
82
+ top: 17px;
83
+ border-radius: 5px;
84
+ }
85
+
86
+ .home1-right-arrow-icon {
87
+ position: absolute;
88
+ color: rgb(26, 26, 26);
89
+ pointer-events: none;
90
+ right: 17px;
91
+ top: 17px;
92
+ }
93
+
94
+ @media (max-width:1200px) {
95
+ .home1-features {
96
+ padding: 0 !important;
97
+ }
98
+ }
99
+
100
+ @media (max-width:992px) {
101
+ .home1-features-box {
102
+ width: 50%;
103
+ }
104
+ }
105
+
106
+ @media (max-width:768px) {
107
+ .home1-features-box {
108
+ width: 100%;
109
+ }
110
+
111
+ .home1-top-h1 {
112
+ font-size: 2rem;
113
+ line-height: initial;
114
+ text-align: center;
115
+ }
116
+ }
117
+
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+
128
+
129
+
130
+
131
+
132
+
133
+
134
+
135
+
136
+
137
+
138
+
139
+
140
+
141
+
142
+
143
+
144
+
145
+
146
+
147
+
148
+
149
+
150
+
151
+ /* Another HOME PAGE design
152
+ .home1-tools-list {
153
+ margin: 0 auto;
154
+ padding-bottom: 90px;
155
+ }
156
+
157
+ .home1-tools-list .home1-tools-container {
158
+ margin: 0 -5px -10px;
159
+ padding: 0 100px;
160
+ list-style: none;
161
+ font-size: 0;
162
+ text-align: center;
163
+ }
164
+
165
+ .home1-tools-list .home1-tools-container .home1-tool-box {
166
+ display: inline-block;
167
+ vertical-align: top;
168
+ padding: 0 5px 10px;
169
+ font-size: 15px;
170
+ line-height: 30px;
171
+ margin: 0;
172
+ width: 30%;
173
+ max-width: 230px;
174
+ }
175
+
176
+ .home1-tools-list .home1-tools-container .home1-tool-name {
177
+ display: block;
178
+ padding: 28px 25px;
179
+ border-radius: 8px;
180
+ text-align: center;
181
+ -webkit-transform: translateZ(0);
182
+ transform: translateZ(0);
183
+ box-shadow: 0 10px 35px 0 rgb(0 0 0 / 9%);
184
+ }
185
+
186
+ .home1-tools-list .home1-tools-container .home1-tool-name .home1-tool-detials {
187
+ display: block;
188
+ position: relative;
189
+ -webkit-transform: translateZ(0);
190
+ transform: translateZ(0);
191
+ }
192
+
193
+ .home1-tools-list .home1-tools-container .home1-tool-name:hover {
194
+ z-index: 2;
195
+ -webkit-transition: all .15s ease-in-out, z-index 0s;
196
+ transition: all .15s ease-in-out, z-index 0s;
197
+ -webkit-transform: translateY(-5px);
198
+ transform: translateY(-5px);
199
+ box-shadow: 0 11px 55px 0 rgb(0 0 0 / 13%);
200
+ }
201
+
202
+ @media (max-width: 1200px) {
203
+ .home1-tools-list .home1-tools-container {
204
+ padding: 0;
205
+ }
206
+ }
207
+
208
+ @media (max-width: 768px) {
209
+ .home1-tools-list .home1-tools-container .home1-tool-name {
210
+ padding: 25px;
211
+ }
212
+
213
+ .home1-tools-list .home1-tools-container .home1-tool-name .home1-tool-detials {
214
+ display: flex;
215
+ gap: 15px;
216
+ }
217
+
218
+ .home1-tools-list .home1-tools-container .home1-tool-box {
219
+ width: 100%;
220
+ max-width: 100%;
221
+ }
222
+
223
+ } */
224
+
225
+ /* close */