blob: 98af4ba188c3c909a4c1b76b88064f3950261fbe [file] [log] [blame]
Lokesh Yadavba544372021-12-07 15:09:27 +05301.footer-footer {
2 width: 100%;
3 display: flex;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +05304 position: relative;
5 max-width: var(--dl-size-size-maxwidth);
Lokesh Yadavba544372021-12-07 15:09:27 +05306 align-items: center;
7 padding-top: var(--dl-space-space-twounits);
Lokesh Yadava6a5fa02022-07-15 19:20:06 +05308 padding-left: var(--dl-space-space-threeunits);
9 padding-right: var(--dl-space-space-threeunits);
Lokesh Yadavba544372021-12-07 15:09:27 +053010 flex-direction: column;
11 padding-bottom: var(--dl-space-space-twounits);
12 justify-content: space-between;
Lokesh Yadavba544372021-12-07 15:09:27 +053013}
14.footer-container {
15 width: 100%;
16 display: flex;
Lokesh Yadavba544372021-12-07 15:09:27 +053017 justify-content: space-between;
18}
19.footer-logo {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053020 width: 32%;
Lokesh Yadavba544372021-12-07 15:09:27 +053021 display: flex;
22 max-width: var(--dl-size-size-maxwidth);
Lokesh Yadavba544372021-12-07 15:09:27 +053023 align-items: flex-start;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053024 margin-bottom: var(--dl-space-space-twounits);
Lokesh Yadavba544372021-12-07 15:09:27 +053025 flex-direction: column;
26}
27.footer-image {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053028 width: 64px;
29 height: auto;
Lokesh Yadavba544372021-12-07 15:09:27 +053030}
31.footer-text {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053032 width: 100%;
33 margin-top: var(--dl-space-space-twounits);
Lokesh Yadavba544372021-12-07 15:09:27 +053034}
35.footer-links-container {
36 display: flex;
37 align-items: flex-start;
38 flex-direction: row;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053039 justify-content: flex-end;
Lokesh Yadavba544372021-12-07 15:09:27 +053040}
41.footer-container1 {
42 display: flex;
43 align-items: flex-start;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053044 margin-right: 4rem;
Lokesh Yadavba544372021-12-07 15:09:27 +053045 flex-direction: row;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053046 justify-content: flex-start;
Lokesh Yadavba544372021-12-07 15:09:27 +053047}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053048.footer-product-container {
Lokesh Yadavba544372021-12-07 15:09:27 +053049 flex: 0 0 auto;
50 display: flex;
51 align-items: flex-start;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053052 margin-right: 4rem;
Lokesh Yadavba544372021-12-07 15:09:27 +053053 flex-direction: column;
54 justify-content: flex-start;
55}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053056.footer-text1 {
57 color: var(--dl-color-bliss-primary);
Lokesh Yadavba544372021-12-07 15:09:27 +053058 font-weight: 700;
59 margin-bottom: var(--dl-space-space-oneandhalfunits);
60}
61.footer-link {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053062 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +053063 text-decoration: none;
64}
65.footer-link01 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053066 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +053067 text-decoration: none;
68}
69.footer-link02 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053070 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +053071 text-decoration: none;
72}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053073.footer-company-container {
Lokesh Yadavba544372021-12-07 15:09:27 +053074 flex: 0 0 auto;
75 display: flex;
76 align-items: flex-start;
77 flex-direction: column;
78 justify-content: flex-start;
79}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053080.footer-text2 {
81 color: var(--dl-color-bliss-primary);
Lokesh Yadavba544372021-12-07 15:09:27 +053082 font-weight: 700;
83 margin-bottom: var(--dl-space-space-oneandhalfunits);
84}
85.footer-link03 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053086 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +053087 text-decoration: none;
88}
89.footer-link04 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053090 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +053091 text-decoration: none;
92}
93.footer-link05 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053094 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +053095 text-decoration: none;
96}
97.footer-link06 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +053098 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +053099 text-decoration: none;
100}
101.footer-link07 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530102 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530103 text-decoration: none;
104}
105.footer-container2 {
106 display: flex;
107 align-items: flex-start;
108 flex-direction: column;
109 justify-content: flex-start;
110}
111.footer-contact {
112 display: flex;
113 align-items: flex-start;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530114 margin-bottom: var(--dl-space-space-oneandhalfunits);
Lokesh Yadavba544372021-12-07 15:09:27 +0530115 flex-direction: column;
116 justify-content: flex-start;
117}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530118.footer-text3 {
119 color: var(--dl-color-bliss-primary);
120 font-weight: 700;
Lokesh Yadavba544372021-12-07 15:09:27 +0530121 margin-bottom: var(--dl-space-space-oneandhalfunits);
122}
123.footer-link08 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530124 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530125 text-decoration: none;
126}
127.footer-link09 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530128 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530129 text-decoration: none;
130}
131.footer-link10 {
132 text-decoration: none;
133}
134.footer-socials {
135 display: flex;
136 align-items: flex-start;
137 flex-direction: column;
138 justify-content: flex-start;
139}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530140.footer-text4 {
141 color: var(--dl-color-bliss-primary);
142 font-weight: 700;
143 margin-bottom: var(--dl-space-space-oneandhalfunits);
Lokesh Yadavba544372021-12-07 15:09:27 +0530144}
145.footer-icon-group {
146 display: flex;
147 align-items: center;
148 flex-direction: row;
149 justify-content: space-between;
150}
151.footer-link11 {
152 display: contents;
153}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530154.footer-icon {
155 width: var(--dl-size-size-xsmall);
156 height: var(--dl-size-size-xsmall);
157 margin-right: var(--dl-space-space-unit);
158 text-decoration: none;
159}
Lokesh Yadavba544372021-12-07 15:09:27 +0530160.footer-link12 {
161 display: contents;
162}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530163.footer-icon2 {
164 width: var(--dl-size-size-xsmall);
165 height: var(--dl-size-size-xsmall);
166 margin-right: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530167 text-decoration: none;
168}
169.footer-link13 {
170 display: contents;
171}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530172.footer-icon4 {
173 width: var(--dl-size-size-xsmall);
174 height: var(--dl-size-size-xsmall);
Lokesh Yadavba544372021-12-07 15:09:27 +0530175 text-decoration: none;
176}
Lokesh Yadavba544372021-12-07 15:09:27 +0530177.footer-separator {
178 width: 100%;
179 height: 1px;
180 margin-top: var(--dl-space-space-twounits);
181 margin-bottom: var(--dl-space-space-twounits);
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530182 background-color: var(--dl-color-gray-900);
Lokesh Yadavba544372021-12-07 15:09:27 +0530183}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530184.footer-text5 {
185 align-self: center;
Lokesh Yadavba544372021-12-07 15:09:27 +0530186}
187@media(max-width: 991px) {
188 .footer-footer {
189 flex-direction: column;
190 }
Lokesh Yadavba544372021-12-07 15:09:27 +0530191 .footer-container1 {
192 margin-right: var(--dl-space-space-fourunits);
193 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530194 .footer-product-container {
Lokesh Yadavba544372021-12-07 15:09:27 +0530195 margin-right: var(--dl-space-space-fourunits);
196 }
197}
198@media(max-width: 767px) {
199 .footer-footer {
200 padding-left: var(--dl-space-space-twounits);
201 padding-right: var(--dl-space-space-twounits);
202 }
203 .footer-container {
204 align-items: center;
205 flex-direction: column;
206 justify-content: space-between;
207 }
208 .footer-logo {
209 align-items: center;
210 }
211 .footer-image {
212 margin-bottom: var(--dl-space-space-oneandhalfunits);
213 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530214 .footer-text {
215 margin-top: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530216 text-align: center;
Lokesh Yadavba544372021-12-07 15:09:27 +0530217 }
218 .footer-links-container {
219 width: 100%;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530220 margin-top: var(--dl-space-space-twounits);
Lokesh Yadavba544372021-12-07 15:09:27 +0530221 align-items: flex-start;
222 flex-direction: row;
223 justify-content: center;
224 }
225 .footer-container1 {
226 margin-right: var(--dl-space-space-fourunits);
227 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530228 .footer-product-container {
Lokesh Yadavba544372021-12-07 15:09:27 +0530229 margin-right: var(--dl-space-space-fourunits);
230 }
Lokesh Yadavba544372021-12-07 15:09:27 +0530231}
232@media(max-width: 479px) {
233 .footer-footer {
234 padding: var(--dl-space-space-unit);
235 }
236 .footer-container {
Lokesh Yadavba544372021-12-07 15:09:27 +0530237 align-items: center;
238 flex-direction: column;
239 }
240 .footer-logo {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530241 width: auto;
Lokesh Yadavba544372021-12-07 15:09:27 +0530242 }
243 .footer-image {
244 margin-bottom: 0px;
245 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530246 .footer-text {
247 width: 80%;
Lokesh Yadavba544372021-12-07 15:09:27 +0530248 }
249 .footer-links-container {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530250 align-items: flex-start;
Lokesh Yadavba544372021-12-07 15:09:27 +0530251 flex-direction: column;
252 }
253 .footer-container1 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530254 margin-right: 0px;
Lokesh Yadavba544372021-12-07 15:09:27 +0530255 flex-direction: column;
256 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530257 .footer-company-container {
Lokesh Yadavba544372021-12-07 15:09:27 +0530258 margin-top: var(--dl-space-space-twounits);
259 }
260 .footer-container2 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530261 margin-top: var(--dl-space-space-twounits);
262 align-items: flex-start;
263 margin-bottom: 0px;
Lokesh Yadavba544372021-12-07 15:09:27 +0530264 }
265 .footer-contact {
266 align-items: flex-start;
267 margin-bottom: var(--dl-space-space-unit);
268 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530269 .footer-text5 {
270 text-align: center;
Lokesh Yadavba544372021-12-07 15:09:27 +0530271 }
272}