Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 1 | .footer-footer { |
| 2 | width: 100%; |
| 3 | display: flex; |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 4 | position: relative; |
| 5 | max-width: var(--dl-size-size-maxwidth); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 6 | align-items: center; |
| 7 | padding-top: var(--dl-space-space-twounits); |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 8 | padding-left: var(--dl-space-space-threeunits); |
| 9 | padding-right: var(--dl-space-space-threeunits); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 10 | flex-direction: column; |
| 11 | padding-bottom: var(--dl-space-space-twounits); |
| 12 | justify-content: space-between; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 13 | } |
| 14 | .footer-container { |
| 15 | width: 100%; |
| 16 | display: flex; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 17 | justify-content: space-between; |
| 18 | } |
| 19 | .footer-logo { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 20 | width: 32%; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 21 | display: flex; |
| 22 | max-width: var(--dl-size-size-maxwidth); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 23 | align-items: flex-start; |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 24 | margin-bottom: var(--dl-space-space-twounits); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 25 | flex-direction: column; |
| 26 | } |
| 27 | .footer-image { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 28 | width: 64px; |
| 29 | height: auto; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 30 | } |
| 31 | .footer-text { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 32 | width: 100%; |
| 33 | margin-top: var(--dl-space-space-twounits); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 34 | } |
| 35 | .footer-links-container { |
| 36 | display: flex; |
| 37 | align-items: flex-start; |
| 38 | flex-direction: row; |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 39 | justify-content: flex-end; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 40 | } |
| 41 | .footer-container1 { |
| 42 | display: flex; |
| 43 | align-items: flex-start; |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 44 | margin-right: 4rem; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 45 | flex-direction: row; |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 46 | justify-content: flex-start; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 47 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 48 | .footer-product-container { |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 49 | flex: 0 0 auto; |
| 50 | display: flex; |
| 51 | align-items: flex-start; |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 52 | margin-right: 4rem; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 53 | flex-direction: column; |
| 54 | justify-content: flex-start; |
| 55 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 56 | .footer-text1 { |
| 57 | color: var(--dl-color-bliss-primary); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 58 | font-weight: 700; |
| 59 | margin-bottom: var(--dl-space-space-oneandhalfunits); |
| 60 | } |
| 61 | .footer-link { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 62 | margin-bottom: var(--dl-space-space-unit); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 63 | text-decoration: none; |
| 64 | } |
| 65 | .footer-link01 { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 66 | margin-bottom: var(--dl-space-space-unit); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 67 | text-decoration: none; |
| 68 | } |
| 69 | .footer-link02 { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 70 | margin-bottom: var(--dl-space-space-unit); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 71 | text-decoration: none; |
| 72 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 73 | .footer-company-container { |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 74 | flex: 0 0 auto; |
| 75 | display: flex; |
| 76 | align-items: flex-start; |
| 77 | flex-direction: column; |
| 78 | justify-content: flex-start; |
| 79 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 80 | .footer-text2 { |
| 81 | color: var(--dl-color-bliss-primary); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 82 | font-weight: 700; |
| 83 | margin-bottom: var(--dl-space-space-oneandhalfunits); |
| 84 | } |
| 85 | .footer-link03 { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 86 | margin-bottom: var(--dl-space-space-unit); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 87 | text-decoration: none; |
| 88 | } |
| 89 | .footer-link04 { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 90 | margin-bottom: var(--dl-space-space-unit); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 91 | text-decoration: none; |
| 92 | } |
| 93 | .footer-link05 { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 94 | margin-bottom: var(--dl-space-space-unit); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 95 | text-decoration: none; |
| 96 | } |
| 97 | .footer-link06 { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 98 | margin-bottom: var(--dl-space-space-unit); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 99 | text-decoration: none; |
| 100 | } |
| 101 | .footer-link07 { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 102 | margin-bottom: var(--dl-space-space-unit); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 103 | 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 Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 114 | margin-bottom: var(--dl-space-space-oneandhalfunits); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 115 | flex-direction: column; |
| 116 | justify-content: flex-start; |
| 117 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 118 | .footer-text3 { |
| 119 | color: var(--dl-color-bliss-primary); |
| 120 | font-weight: 700; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 121 | margin-bottom: var(--dl-space-space-oneandhalfunits); |
| 122 | } |
| 123 | .footer-link08 { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 124 | margin-bottom: var(--dl-space-space-unit); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 125 | text-decoration: none; |
| 126 | } |
| 127 | .footer-link09 { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 128 | margin-bottom: var(--dl-space-space-unit); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 129 | 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 Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 140 | .footer-text4 { |
| 141 | color: var(--dl-color-bliss-primary); |
| 142 | font-weight: 700; |
| 143 | margin-bottom: var(--dl-space-space-oneandhalfunits); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 144 | } |
| 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 Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 154 | .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 Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 160 | .footer-link12 { |
| 161 | display: contents; |
| 162 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 163 | .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 Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 167 | text-decoration: none; |
| 168 | } |
| 169 | .footer-link13 { |
| 170 | display: contents; |
| 171 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 172 | .footer-icon4 { |
| 173 | width: var(--dl-size-size-xsmall); |
| 174 | height: var(--dl-size-size-xsmall); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 175 | text-decoration: none; |
| 176 | } |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 177 | .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 Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 182 | background-color: var(--dl-color-gray-900); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 183 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 184 | .footer-text5 { |
| 185 | align-self: center; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 186 | } |
| 187 | @media(max-width: 991px) { |
| 188 | .footer-footer { |
| 189 | flex-direction: column; |
| 190 | } |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 191 | .footer-container1 { |
| 192 | margin-right: var(--dl-space-space-fourunits); |
| 193 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 194 | .footer-product-container { |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 195 | 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 Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 214 | .footer-text { |
| 215 | margin-top: var(--dl-space-space-unit); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 216 | text-align: center; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 217 | } |
| 218 | .footer-links-container { |
| 219 | width: 100%; |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 220 | margin-top: var(--dl-space-space-twounits); |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 221 | 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 Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 228 | .footer-product-container { |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 229 | margin-right: var(--dl-space-space-fourunits); |
| 230 | } |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 231 | } |
| 232 | @media(max-width: 479px) { |
| 233 | .footer-footer { |
| 234 | padding: var(--dl-space-space-unit); |
| 235 | } |
| 236 | .footer-container { |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 237 | align-items: center; |
| 238 | flex-direction: column; |
| 239 | } |
| 240 | .footer-logo { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 241 | width: auto; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 242 | } |
| 243 | .footer-image { |
| 244 | margin-bottom: 0px; |
| 245 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 246 | .footer-text { |
| 247 | width: 80%; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 248 | } |
| 249 | .footer-links-container { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 250 | align-items: flex-start; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 251 | flex-direction: column; |
| 252 | } |
| 253 | .footer-container1 { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 254 | margin-right: 0px; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 255 | flex-direction: column; |
| 256 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 257 | .footer-company-container { |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 258 | margin-top: var(--dl-space-space-twounits); |
| 259 | } |
| 260 | .footer-container2 { |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 261 | margin-top: var(--dl-space-space-twounits); |
| 262 | align-items: flex-start; |
| 263 | margin-bottom: 0px; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 264 | } |
| 265 | .footer-contact { |
| 266 | align-items: flex-start; |
| 267 | margin-bottom: var(--dl-space-space-unit); |
| 268 | } |
Lokesh Yadav | a6a5fa0 | 2022-07-15 19:20:06 +0530 | [diff] [blame] | 269 | .footer-text5 { |
| 270 | text-align: center; |
Lokesh Yadav | ba54437 | 2021-12-07 15:09:27 +0530 | [diff] [blame] | 271 | } |
| 272 | } |