blob: 1bf7e7d460403c566ec538d9de81f15d532218d0 [file] [log] [blame]
Lokesh Yadavba544372021-12-07 15:09:27 +05301.nav_element-container {
2 display: flex;
3 position: relative;
4}
5.nav_element-text {
6 font-style: normal;
7 transition: 0.3s;
8 font-weight: 500;
9 margin-left: 72px;
10}
11
12
13.button-container {
14 display: flex;
15 position: relative;
16 align-items: flex-start;
17 flex-direction: column;
18}
19.button-text {
20 color: var(--dl-color-gray-white);
21 cursor: pointer;
22 align-self: center;
23 margin-top: var(--dl-space-space-halfunit);
24 transition: 0.3s;
25 margin-left: var(--dl-space-space-halfunit);
26 padding-top: var(--dl-space-space-halfunit);
27 margin-right: var(--dl-space-space-halfunit);
28 padding-left: var(--dl-space-space-oneandhalfunits);
29 border-radius: var(--dl-radius-radius-radius8);
30 margin-bottom: var(--dl-space-space-halfunit);
31 padding-right: var(--dl-space-space-oneandhalfunits);
32 padding-bottom: var(--dl-space-space-halfunit);
33 background-color: var(--dl-color-primary-300);
34}
35.button-text:hover {
36 color: var(--dl-color-primary-300);
37 background-color: var(--dl-color-gray-white);
38}
39
40
41
42
43
44
45
46
47
48
49
50.navbar-image {
51 width: 60px;
52 height: 60px;
53}
54.navbar-container {
55 flex: 0 0 auto;
56 width: auto;
57 height: auto;
58 display: flex;
59 align-items: space-between;
60 margin-right: var(--dl-space-space-oneandhalfunits);
61 flex-direction: column;
62}
63.navbar-nav-elements-desktop {
64 flex: 0 0 auto;
65 display: flex;
66 align-self: center;
67 align-items: center;
68 margin-left: 0px;
69 flex-direction: row;
70}
71.navbar-navlink {
72 display: contents;
73}
74.navbar-component {
75 text-decoration: none;
76}
77.navbar-navlink1 {
78 display: contents;
79}
80.navbar-component1 {
81 text-decoration: none;
82}
83.navbar-navlink2 {
84 display: contents;
85}
86.navbar-component2 {
87 text-decoration: none;
88}
89.navbar-link {
90 display: contents;
91}
92.navbar-component3 {
93 text-decoration: none;
94}
95.navbar-link1 {
96 display: contents;
97}
98.navbar-component4 {
99 text-decoration: none;
100}
101.navbar-btn-group {
102 display: flex;
103 align-items: center;
104 flex-direction: row;
105 justify-content: space-between;
106 text-decoration: none;
107}
108.navbar-component5 {
109 text-decoration: none;
110}
111.navbar-burger-menu {
112 display: none;
113}
114.navbar-icon {
115 width: var(--dl-size-size-xsmall);
116 height: var(--dl-size-size-xsmall);
117 display: none;
118 transition: 0.3s;
119}
120
121.navbar-nav-elements-mobile {
122 flex: 0 0 auto;
123 display: none;
124 position: absolute;
125 align-self: center;
126 align-items: center;
127 margin-left: 0px;
128 flex-direction: column;
129}
130.navbar-navlink3 {
131 font-style: normal;
132 transition: 0.3s;
133}
134
135.navbar-navlink3:active {
136 color: var(--dl-color-primary-300);
137}
138.navbar-link3 {
139 font-style: normal;
140 transition: 0.3s;
141}
142
143.navbar-link3:active {
144 color: var(--dl-color-primary-300);
145}
146.navbar-navlink4 {
147 font-style: normal;
148 transition: 0.3s;
149 text-decoration: none;
150}
151
152.navbar-navlink4:active {
153 color: var(--dl-color-primary-300);
154}
155.navbar-text {
156 font-style: normal;
157 transition: 0.3s;
158}
159
160.navbar-text:active {
161 color: var(--dl-color-primary-300);
162}
163.navbar-text1 {
164 font-style: normal;
165 transition: 0.3s;
166}
167
168.navbar-text1:active {
169 color: var(--dl-color-primary-300);
170}
171.navbar-btn-group1 {
172 display: flex;
173 align-items: center;
174 flex-direction: row;
175 justify-content: space-between;
176 text-decoration: none;
177}
178.navbar-component6 {
179 text-decoration: none;
180}
181.navbar-container1 {
182 top: 32px;
183 width: 24px;
184 height: 24px;
185 position: absolute;
186}
187.navbar-icon2 {
188 width: 24px;
189 height: 24px;
190}
191
192@media(max-width: 991px) {
193 .navbar-nav-elements-desktop {
194 display: none;
195 }
196 .navbar-btn-group {
197 display: none;
198 }
199 .navbar-burger-menu {
200 display: flex;
201 }
202 .navbar-icon {
203 fill: #D9D9D9;
204 width: var(--dl-size-size-small);
205 height: var(--dl-size-size-small);
206 display: flex;
207 }
208 .navbar-nav-elements-mobile {
209 top: 0px;
210 left: 0px;
211 right: 0px;
212 display: flex;
213 align-items: flex-start;
214 margin-left: 0px;
215 padding-top: var(--dl-space-space-twounits);
216 padding-left: var(--dl-space-space-twounits);
217 padding-right: var(--dl-space-space-twounits);
218 padding-bottom: var(--dl-space-space-twounits);
219 background-color: var(--dl-color-gray-black);
220 }
221 .navbar-btn-group1 {
222 display: none;
223 }
224 .navbar-container1 {
225 right: 32px;
226 }
227}
228@media(max-width: 767px) {
229 .navbar-icon {
230 fill: var(--dl-color-gray-900);
231 width: var(--dl-size-size-small);
232 height: var(--dl-size-size-small);
233 }
234}
235@media(max-width: 479px) {
236 .navbar-image {
237 width: auto;
238 height: auto;
239 }
240 .navbar-burger-menu {
241 display: flex;
242 }
243 .navbar-icon {
244 fill: var(--dl-color-gray-900);
245 width: 32px;
246 height: 32px;
247 }
248 .navbar-nav-elements-mobile {
249 height: 100vh;
250 flex-direction: column;
251 justify-content: center;
252 background-color: var(--dl-color-gray-white);
253 }
254 .navbar-navlink3 {
255 color: var(--dl-color-primary-100);
256 margin-top: var(--dl-space-space-unit);
257 text-align: left;
258 margin-bottom: var(--dl-space-space-unit);
259 }
260 .navbar-link3 {
261 color: var(--dl-color-primary-100);
262 margin-top: var(--dl-space-space-unit);
263 text-align: left;
264 margin-bottom: var(--dl-space-space-unit);
265 }
266 .navbar-navlink4 {
267 color: var(--dl-color-primary-100);
268 margin-top: var(--dl-space-space-unit);
269 text-align: left;
270 margin-bottom: var(--dl-space-space-unit);
271 }
272 .navbar-text {
273 color: var(--dl-color-primary-100);
274 margin-top: var(--dl-space-space-unit);
275 text-align: left;
276 margin-bottom: var(--dl-space-space-unit);
277 }
278 .navbar-text1 {
279 color: var(--dl-color-primary-100);
280 margin-top: var(--dl-space-space-unit);
281 text-align: left;
282 margin-bottom: var(--dl-space-space-unit);
283 }
284 .navbar-btn-group1 {
285 display: flex;
286 margin-top: var(--dl-space-space-halfunit);
287 margin-bottom: var(--dl-space-space-halfunit);
288 }
289 .navbar-icon2 {
290 fill: var(--dl-color-primary-100);
291 }
292 .rootClassName {
293 width: 100%;
294 }
295}
296
297.button_nofill-container {
298 display: flex;
299 position: relative;
300 align-items: flex-start;
301 flex-direction: column;
302}
303.button_nofill-text {
304 color: var(--dl-color-primary-300);
305 cursor: pointer;
306 align-self: center;
307 margin-top: var(--dl-space-space-halfunit);
308 transition: 0.3s;
309 margin-left: var(--dl-space-space-halfunit);
310 padding-top: var(--dl-space-space-halfunit);
311 border-color: var(--dl-color-primary-300);
312 border-width: 1px;
313 margin-right: var(--dl-space-space-halfunit);
314 padding-left: var(--dl-space-space-oneandhalfunits);
315 border-radius: var(--dl-radius-radius-radius8);
316 margin-bottom: var(--dl-space-space-halfunit);
317 padding-right: var(--dl-space-space-oneandhalfunits);
318 padding-bottom: var(--dl-space-space-halfunit);
319}
320.button_nofill-text:hover {
321 color: var(--dl-color-gray-white);
322 background-color: var(--dl-color-primary-300);
323}
324
325
326.footer-footer {
327 width: 100%;
328 display: flex;
329 max-width: 100%;
330 align-items: center;
331 padding-top: var(--dl-space-space-twounits);
332 padding-left: var(--dl-space-space-fourunits);
333 padding-right: var(--dl-space-space-fourunits);
334 flex-direction: column;
335 padding-bottom: var(--dl-space-space-twounits);
336 justify-content: space-between;
337 background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(35, 55, 74) 97.00%);
338}
339.footer-container {
340 width: 100%;
341 display: flex;
342 align-items: flex-start;
343 flex-direction: row;
344 justify-content: space-between;
345}
346.footer-logo {
347 display: flex;
348 max-width: var(--dl-size-size-maxwidth);
349 align-self: flex-start;
350 align-items: flex-start;
351 margin-right: 56px;
352 flex-direction: column;
353 justify-content: center;
354}
355.footer-logo1 {
356 display: flex;
357 align-items: center;
358 flex-direction: column;
359}
360.footer-image {
361 width: var(--dl-size-size-medium);
362 height: 64px;
363}
364.footer-text {
365 color: var(--dl-color-primary-500);
366 margin-top: var(--dl-space-space-halfunit);
367 margin-bottom: var(--dl-space-space-halfunit);
368}
369.footer-text02 {
370 color: var(--dl-color-gray-900);
371 width: 224px;
372 margin-top: var(--dl-space-space-unit);
373 line-height: 1.32;
374}
375.footer-links-container {
376 display: flex;
377 align-items: flex-start;
378 flex-direction: row;
379 justify-content: space-between;
380}
381.footer-container1 {
382 display: flex;
383 align-items: flex-start;
384 margin-right: var(--dl-space-space-fourunits);
385 flex-direction: row;
386 justify-content: space-between;
387}
388.footer-community-container {
389 flex: 0 0 auto;
390 display: flex;
391 align-items: flex-start;
392 margin-right: var(--dl-space-space-fourunits);
393 flex-direction: column;
394 justify-content: flex-start;
395}
396.footer-text05 {
397 color: var(--dl-color-primary-700);
398 font-weight: 700;
399 margin-bottom: var(--dl-space-space-oneandhalfunits);
400}
401.footer-link {
402 text-decoration: none;
403}
404.footer-link01 {
405 text-decoration: none;
406}
407.footer-link02 {
408 text-decoration: none;
409}
410.footer-sources-container {
411 flex: 0 0 auto;
412 display: flex;
413 align-items: flex-start;
414 flex-direction: column;
415 justify-content: flex-start;
416}
417.footer-text08 {
418 color: var(--dl-color-primary-700);
419 font-weight: 700;
420 margin-bottom: var(--dl-space-space-oneandhalfunits);
421}
422.footer-link03 {
423 text-decoration: none;
424}
425.footer-link04 {
426 text-decoration: none;
427}
428.footer-link05 {
429 text-decoration: none;
430}
431.footer-link06 {
432 text-decoration: none;
433}
434.footer-link07 {
435 text-decoration: none;
436}
437.footer-container2 {
438 display: flex;
439 align-items: flex-start;
440 flex-direction: column;
441 justify-content: flex-start;
442}
443.footer-contact {
444 display: flex;
445 align-items: flex-start;
446 margin-bottom: 40px;
447 flex-direction: column;
448 justify-content: flex-start;
449}
450.footer-text12 {
451 color: var(--dl-color-primary-700);
452 margin-bottom: var(--dl-space-space-oneandhalfunits);
453}
454.footer-link08 {
455 text-decoration: none;
456}
457.footer-link09 {
458 text-decoration: none;
459}
460.footer-link10 {
461 text-decoration: none;
462}
463.footer-socials {
464 display: flex;
465 align-items: flex-start;
466 flex-direction: column;
467 justify-content: flex-start;
468}
469.footer-text13 {
470 color: var(--dl-color-primary-700);
471 margin-bottom: var(--dl-space-space-unit);
472}
473.footer-icon-group {
474 display: flex;
475 align-items: center;
476 flex-direction: row;
477 justify-content: space-between;
478}
479.footer-link11 {
480 display: contents;
481}
482.footer-link12 {
483 display: contents;
484}
485.footer-icon02 {
486 text-decoration: none;
487}
488.footer-link13 {
489 display: contents;
490}
491.footer-icon04 {
492 text-decoration: none;
493}
494.footer-link14 {
495 display: contents;
496}
497.footer-icon06 {
498 fill: #D9D9D9;
499 text-decoration: none;
500}
501.footer-link15 {
502 display: contents;
503}
504.footer-icon08 {
505 text-decoration: none;
506}
507.footer-link16 {
508 display: contents;
509}
510.footer-separator {
511 width: 100%;
512 height: 1px;
513 margin-top: var(--dl-space-space-twounits);
514 margin-bottom: var(--dl-space-space-twounits);
515 background-color: var(--dl-color-primary-700);
516}
517
518.rootClassName1 {
519 margin-top: var(--dl-space-space-oneandhalfunits);
520 background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(16, 44, 70) 97.00%);
521}
522@media(max-width: 991px) {
523 .footer-footer {
524 flex-direction: column;
525 }
526 .footer-links-container {
527 align-items: flex-start;
528 flex-direction: column;
529 }
530 .footer-container1 {
531 margin-right: var(--dl-space-space-fourunits);
532 }
533 .footer-community-container {
534 margin-right: var(--dl-space-space-fourunits);
535 }
536}
537@media(max-width: 767px) {
538 .footer-footer {
539 padding-left: var(--dl-space-space-twounits);
540 padding-right: var(--dl-space-space-twounits);
541 }
542 .footer-container {
543 align-items: center;
544 flex-direction: column;
545 justify-content: space-between;
546 }
547 .footer-logo {
548 align-items: center;
549 }
550 .footer-image {
551 margin-bottom: var(--dl-space-space-oneandhalfunits);
552 }
553 .footer-text02 {
554 margin-top: var(--dl-space-space-twounits);
555 text-align: center;
556 margin-bottom: var(--dl-space-space-twounits);
557 }
558 .footer-links-container {
559 width: 100%;
560 align-items: flex-start;
561 flex-direction: row;
562 justify-content: center;
563 }
564 .footer-container1 {
565 margin-right: var(--dl-space-space-fourunits);
566 }
567 .footer-community-container {
568 margin-right: var(--dl-space-space-fourunits);
569 }
570 .rootClassName {
571 width: 100%;
572 }
573}
574@media(max-width: 479px) {
575 .footer-footer {
576 padding: var(--dl-space-space-unit);
577 }
578 .footer-container {
579 padding: var(--dl-space-space-twounits);
580 align-self: center;
581 align-items: center;
582 flex-direction: column;
583 }
584 .footer-logo {
585 align-self: center;
586 align-items: center;
587 margin-right: 0px;
588 justify-content: center;
589 }
590 .footer-image {
591 margin-bottom: 0px;
592 }
593 .footer-text02 {
594 width: var(--dl-size-size-xxlarge);
595 align-self: center;
596 margin-top: var(--dl-space-space-unit);
597 text-align: center;
598 margin-bottom: var(--dl-space-space-unit);
599 }
600 .footer-links-container {
601 align-self: flex-start;
602 flex-direction: column;
603 }
604 .footer-container1 {
605 margin: var(--dl-space-space-unit);
606 flex-direction: column;
607 }
608 .footer-sources-container {
609 margin-top: var(--dl-space-space-twounits);
610 }
611 .footer-container2 {
612 margin: var(--dl-space-space-unit);
613 }
614 .footer-contact {
615 align-items: flex-start;
616 margin-bottom: var(--dl-space-space-unit);
617 }
618 .footer-socials {
619 margin-top: var(--dl-space-space-oneandhalfunits);
620 }
621 .footer-icon02 {
622 fill: var(--dl-color-gray-white);
623 }
624 .footer-icon04 {
625 fill: var(--dl-color-gray-white);
626 }
627 .footer-icon06 {
628 fill: var(--dl-color-gray-white);
629 }
630 .footer-icon08 {
631 fill: var(--dl-color-gray-white);
632 }
633 .footer-icon10 {
634 fill: var(--dl-color-gray-white);
635 }
636 .footer-separator {
637 margin-top: 0px;
638 margin-bottom: 0px;
639 background-color: var(--dl-color-primary-700);
640 }
641 .rootClassName {
642 width: 100%;
643 }
644}
645
646.home-container {
647 width: 100%;
648 height: auto;
649 display: flex;
650 overflow: hidden;
651 background: radial-gradient(65% 30% at 50% -5%, #055EB7 0%, #121212 100%);;
652 min-height: 100vh;
653 align-items: center;
654 flex-direction: column;
655 scroll-behavior: smooth;
656 scroll-snap-type: block;
657}
658.home-hero {
659 display: flex;
660 align-self: center;
661 margin-top: 180px;
662 align-items: center;
663 flex-direction: column;
664 justify-content: center;
665}
666.home-text {
667 color: var(--dl-color-primary-700);
668 font-size: 96px;
669 align-self: center;
670 font-style: normal;
671 font-family: Poppins;
672 font-weight: 500;
673 letter-spacing: -1.5%;
674 text-transform: none;
675 text-decoration: none;
676}
677.home-text01 {
678 color: var(--dl-color-gray-900);
679 width: 550px;
680 font-size: 20px;
681 font-style: normal;
682 text-align: center;
683 padding-top: 4px;
684 letter-spacing: 0.25%;
685 padding-bottom: 4px;
686}
687.home-image {
688 width: 350px;
689 margin-top: var(--dl-space-space-threeunits);
690 object-fit: cover;
691}
692.home-features-section {
693 display: flex;
694 align-items: center;
695 flex-direction: column;
696}
697.home-featuresheader {
698 display: flex;
699 margin-top: var(--dl-space-space-sixunits);
700 align-items: center;
701 flex-direction: column;
702}
703.home-text02 {
704 color: var(--dl-color-gray-white);
705 align-self: center;
706 font-style: normal;
707 line-height: 1.15;
708}
709.home-text03 {
710 color: var(--dl-color-primary-500);
711 margin-top: 8px;
712}
713.home-features {
714 display: flex;
715 margin-top: 32px;
716 align-items: center;
717 margin-bottom: 32px;
718 flex-direction: row;
719}
720.home-sec-bb {
721 display: flex;
722 align-items: center;
723 flex-direction: column;
724}
725.home-security {
726 width: 352px;
727 display: flex;
728 padding: 16px;
729 align-items: center;
730 margin-bottom: 40px;
731 flex-direction: column;
732}
733.home-icon {
734 fill: var(--dl-color-gray-white);
735 width: 32px;
736}
737.home-text04 {
738 color: var(--dl-color-primary-300);
739 font-style: normal;
740 margin-top: 12px;
741 margin-bottom: 12px;
742}
743.home-text05 {
744 fill: var(--dl-color-gray-white);
745 color: var(--dl-color-gray-white);
746 text-align: center;
747}
748.home-battery {
749 width: 352px;
750 display: flex;
751 padding: 16px;
752 align-items: center;
753 flex-direction: column;
754}
755.home-icon02 {
756 fill: var(--dl-color-gray-white);
757 width: 32px;
758}
759.home-text06 {
760 color: var(--dl-color-primary-300);
761 font-style: normal;
762 margin-top: 12px;
763 margin-bottom: 12px;
764}
765.home-text07 {
766 fill: var(--dl-color-gray-white);
767 color: var(--dl-color-gray-white);
768 text-align: center;
769}
770.home-design-settings {
771 display: flex;
772 align-items: center;
773 flex-direction: column;
774}
775.home-focusondesign {
776 width: 352px;
777 display: flex;
778 padding: 16px;
779 align-items: center;
780 flex-direction: column;
781}
782.home-icon04 {
783 fill: var(--dl-color-gray-white);
784 width: 32px;
785}
786.home-text08 {
787 color: var(--dl-color-primary-300);
788 font-style: normal;
789 margin-top: 12px;
790 margin-bottom: 12px;
791}
792.home-text09 {
793 fill: var(--dl-color-gray-white);
794 color: var(--dl-color-gray-white);
795 text-align: center;
796}
797.home-image1 {
798 width: 180px;
799 margin-top: 88px;
800 object-fit: cover;
801 margin-bottom: 88px;
802}
803.home-settings {
804 width: 352px;
805 display: flex;
806 padding: 16px;
807 align-items: center;
808 flex-direction: column;
809}
810.home-icon07 {
811 fill: var(--dl-color-gray-white);
812 width: 32px;
813}
814.home-text10 {
815 color: var(--dl-color-primary-300);
816 font-style: normal;
817 margin-top: 12px;
818 margin-bottom: 12px;
819}
820.home-text11 {
821 fill: var(--dl-color-gray-white);
822 color: var(--dl-color-gray-white);
823 text-align: center;
824}
825.home-perf-comp {
826 display: flex;
827 align-items: center;
828 flex-direction: column;
829}
830.home-performance {
831 width: 352px;
832 display: flex;
833 padding: 16px;
834 align-items: center;
835 margin-bottom: 40px;
836 flex-direction: column;
837}
838.home-icon09 {
839 fill: var(--dl-color-gray-white);
840 width: 32px;
841}
842.home-text12 {
843 color: var(--dl-color-primary-300);
844 font-style: normal;
845 margin-top: 12px;
846 margin-bottom: 12px;
847}
848.home-text13 {
849 fill: var(--dl-color-gray-white);
850 color: var(--dl-color-gray-white);
851 text-align: center;
852}
853.home-compatibility {
854 width: 352px;
855 display: flex;
856 padding: 16px;
857 align-items: center;
858 flex-direction: column;
859}
860.home-image2 {
861 width: 32px;
862 object-fit: cover;
863}
864.home-text14 {
865 color: var(--dl-color-primary-300);
866 font-style: normal;
867 margin-top: 12px;
868 margin-bottom: 12px;
869}
870.home-text15 {
871 fill: var(--dl-color-gray-white);
872 color: var(--dl-color-gray-white);
873 text-align: center;
874}
875.home-stats {
876 display: flex;
877 padding: var(--dl-space-space-threeunits);
878 max-width: var(--dl-size-size-maxwidth);
879 margin-top: var(--dl-space-space-oneandhalfunits);
880 border-radius: var(--dl-radius-radius-radius8);
881 margin-bottom: var(--dl-space-space-oneandhalfunits);
882 justify-content: center;
883 background-color: #181717;
884}
885.home-stat {
886 display: flex;
887 padding: var(--dl-space-space-twounits);
888 align-items: center;
889 flex-direction: column;
890}
891.home-icon11 {
892 fill: var(--dl-color-primary-700);
893 width: var(--dl-size-size-small);
894 height: var(--dl-size-size-small);
895}
896.home-text16 {
897 color: var(--dl-color-primary-300);
898 font-size: 1.15rem;
899 margin-top: var(--dl-space-space-halfunit);
900 text-align: center;
901}
902.home-text17 {
903 color: var(--dl-color-gray-700);
904 font-size: 0.75rem;
905 margin-top: var(--dl-space-space-halfunit);
906 text-align: center;
907}
908.home-text18 {
909 color: var(--dl-color-gray-white);
910 margin-top: var(--dl-space-space-halfunit);
911}
912.home-stat1 {
913 display: flex;
914 padding: var(--dl-space-space-twounits);
915 align-items: center;
916 margin-left: var(--dl-space-space-threeunits);
917 margin-right: var(--dl-space-space-threeunits);
918 flex-direction: column;
919}
920.home-icon14 {
921 fill: var(--dl-color-primary-700);
922 width: var(--dl-size-size-small);
923}
924.home-text20 {
925 color: var(--dl-color-primary-300);
926 font-size: 1.15rem;
927 margin-top: var(--dl-space-space-halfunit);
928 text-align: center;
929}
930.home-text21 {
931 color: var(--dl-color-gray-700);
932 font-size: 0.75rem;
933 margin-top: var(--dl-space-space-halfunit);
934 text-align: center;
935}
936.home-text22 {
937 color: var(--dl-color-gray-white);
938 margin-top: var(--dl-space-space-halfunit);
939}
940.home-stat2 {
941 display: flex;
942 padding: var(--dl-space-space-twounits);
943 align-items: center;
944 flex-direction: column;
945}
946.home-icon16 {
947 fill: var(--dl-color-primary-700);
948 width: var(--dl-size-size-small);
949}
950.home-text24 {
951 color: var(--dl-color-primary-300);
952 font-size: 1.15rem;
953 margin-top: var(--dl-space-space-halfunit);
954 text-align: center;
955}
956.home-text25 {
957 color: var(--dl-color-gray-700);
958 font-size: 0.75rem;
959 margin-top: var(--dl-space-space-halfunit);
960 text-align: center;
961}
962.home-text26 {
963 color: var(--dl-color-gray-white);
964 margin-top: var(--dl-space-space-halfunit);
965}
966.home-downloads {
967 flex: 0 0 auto;
968 margin: var(--dl-space-space-oneandhalfunits);
969 display: flex;
970 padding: 64px;
971 align-self: center;
972 transition: 0.3s;
973 align-items: flex-start;
974 border-radius: var(--dl-radius-radius-radius8);
975 flex-direction: column;
976 background-color: #181717;
977}
978.home-downloads:hover {
979 box-shadow: 0px 2px 32px 16px #00040d;
980}
981.home-text29 {
982 color: var(--dl-color-gray-white);
983}
984.home-text30 {
985 color: var(--dl-color-gray-700);
986 width: 500px;
987 margin-top: 12px;
988 margin-bottom: 12px;
989}
990.home-container1 {
991 width: 100%;
992 display: flex;
993 align-items: flex-start;
994 flex-direction: row;
995}
996.home-container2 {
997 flex: 0 0 auto;
998 width: auto;
999 height: auto;
1000 display: flex;
1001 flex-direction: column;
1002}
1003.home-p-c {
1004 flex: 0 0 auto;
1005 margin: 40px;
1006 display: flex;
1007 align-items: flex-start;
1008 flex-direction: column;
1009}
1010.home-text33 {
1011 color: var(--dl-color-gray-white);
1012}
1013.home-text34 {
1014 color: var(--dl-color-gray-700);
1015 margin-top: 12px;
1016 margin-bottom: 0px;
1017}
1018.home-text36 {
1019 color: var(--dl-color-gray-900);
1020 margin-top: 12px;
1021 margin-bottom: 0px;
1022}
1023.home-link {
1024 display: contents;
1025}
1026.home-component1 {
1027 text-decoration: none;
1028}
1029.home-link1 {
1030 display: contents;
1031}
1032.home-component2 {
1033 text-decoration: none;
1034}
1035.home-rom {
1036 flex: 0 0 auto;
1037 margin: 40px;
1038 display: flex;
1039 align-items: flex-start;
1040 flex-direction: column;
1041}
1042.home-text37 {
1043 color: var(--dl-color-gray-white);
1044}
1045.home-text38 {
1046 color: var(--dl-color-gray-700);
1047 margin-top: 12px;
1048 margin-bottom: 12px;
1049}
1050.home-link2 {
1051 display: contents;
1052}
1053.home-component3 {
1054 text-decoration: none;
1055}
1056.home-container3 {
1057 flex: 0 0 auto;
1058 width: auto;
1059 height: auto;
1060 display: flex;
1061 align-items: flex-start;
1062 justify-content: flex-start;
1063}
1064.home-link3 {
1065 display: contents;
1066}
1067.home-component4 {
1068 text-decoration: none;
1069}
1070.home-joinbliss {
1071 flex: 0 0 auto;
1072 width: 800px;
1073 border: 1px solid rgba(255, 255, 255, 0.125);
1074 height: 140px;
1075 display: flex;
1076 align-self: center;
1077 margin-top: var(--dl-space-space-twounits);
1078 transition: 0.3s;
1079 align-items: center;
1080 margin-left: var(--dl-space-space-oneandhalfunits);
1081 padding-top: var(--dl-space-space-oneandhalfunits);
1082 margin-right: var(--dl-space-space-oneandhalfunits);
1083 padding-left: var(--dl-space-space-oneandhalfunits);
1084 border-radius: 12px;
1085 margin-bottom: var(--dl-space-space-twounits);
1086 padding-right: var(--dl-space-space-oneandhalfunits);
1087 padding-bottom: var(--dl-space-space-oneandhalfunits);
1088 justify-content: space-between;
1089 backdrop-filter: blur(16px) saturate(180%);
1090 background-color: #004FE2;
1091 -webkit-backdrop-filter: blur(16px) saturate(180%);
1092}
1093.home-joinbliss:hover {
1094 box-shadow: 0px 2px 32px 24px #001640;
1095}
1096.home-container4 {
1097 display: flex;
1098 align-items: flex-start;
1099 flex-direction: column;
1100 justify-content: space-between;
1101}
1102.home-text40 {
1103 color: var(--dl-color-gray-white);
1104 text-align: left;
1105 padding-top: var(--dl-space-space-halfunit);
1106 padding-bottom: var(--dl-space-space-halfunit);
1107}
1108.home-text41 {
1109 color: var(--dl-color-primary-700);
1110}
1111.home-text42 {
1112 color: var(--dl-color-gray-900);
1113}
1114.home-link4 {
1115 color: var(--dl-color-gray-white);
1116 cursor: pointer;
1117 transition: 0.3s;
1118 padding-top: var(--dl-space-space-unit);
1119 padding-left: var(--dl-space-space-threeunits);
1120 padding-right: var(--dl-space-space-threeunits);
1121 padding-bottom: var(--dl-space-space-unit);
1122 text-decoration: none;
1123 background-color: #2A74FF;
1124}
1125.home-link4:hover {
1126 color: var(--dl-color-gray-black);
1127 background-color: var(--dl-color-primary-700);
1128}
1129@media(max-width: 991px) {
1130 .home-text01 {
1131 font-size: 16px;
1132 }
1133}
1134@media(max-width: 767px) {
1135 .home-stats {
1136 width: 100%;
1137 padding-left: var(--dl-space-space-twounits);
1138 padding-right: var(--dl-space-space-twounits);
1139 }
1140 .home-stat {
1141 padding: var(--dl-space-space-unit);
1142 }
1143 .home-text16 {
1144 text-align: center;
1145 }
1146 .home-stat1 {
1147 padding: var(--dl-space-space-unit);
1148 }
1149 .home-text20 {
1150 text-align: center;
1151 }
1152 .home-stat2 {
1153 padding: var(--dl-space-space-unit);
1154 }
1155 .home-text24 {
1156 text-align: center;
1157 }
1158 .home-downloads {
1159 width: 100%;
1160 flex-direction: column;
1161 }
1162 .home-container1 {
1163 flex-direction: column;
1164 }
1165 .home-p-c {
1166 margin: var(--dl-space-space-oneandhalfunits);
1167 }
1168 .home-rom {
1169 margin: var(--dl-space-space-oneandhalfunits);
1170 }
1171 .home-joinbliss {
1172 width: 100%;
1173 height: auto;
1174 margin: var(--dl-space-space-halfunit);
1175 padding: var(--dl-space-space-oneandhalfunits);
1176 align-items: flex-start;
1177 flex-direction: column;
1178 }
1179 .home-link4 {
1180 margin-top: var(--dl-space-space-unit);
1181 margin-bottom: var(--dl-space-space-unit);
1182 }
1183}
1184@media(max-width: 479px) {
1185 .home-hero {
1186 width: 100%;
1187 margin-top: 144px;
1188 }
1189 .home-text {
1190 font-size: 72px;
1191 }
1192 .home-text01 {
1193 width: 400px;
1194 font-size: 14px;
1195 }
1196 .home-image {
1197 width: 280px;
1198 margin-top: 104px;
1199 }
1200 .home-features-section {
1201 width: auto;
1202 }
1203 .home-text02 {
1204 text-align: center;
1205 }
1206 .home-features {
1207 flex-direction: column;
1208 }
1209 .home-security {
1210 margin-bottom: 0px;
1211 }
1212 .home-image1 {
1213 display: none;
1214 }
1215 .home-performance {
1216 margin-bottom: 0px;
1217 }
1218 .home-stats {
1219 width: auto;
1220 max-width: 100%;
1221 min-width: 250px;
1222 align-items: center;
1223 padding-top: var(--dl-space-space-twounits);
1224 padding-left: var(--dl-space-space-unit);
1225 padding-right: var(--dl-space-space-unit);
1226 flex-direction: column;
1227 padding-bottom: var(--dl-space-space-twounits);
1228 }
1229 .home-stat1 {
1230 margin-top: var(--dl-space-space-oneandhalfunits);
1231 margin-bottom: var(--dl-space-space-oneandhalfunits);
1232 }
1233 .home-downloads {
1234 flex: 1;
1235 width: 400px;
1236 margin: var(--dl-space-space-twounits);
1237 padding: var(--dl-space-space-twounits);
1238 max-width: auto;
1239 min-width: 250px;
1240 }
1241 .home-text30 {
1242 width: auto;
1243 }
1244 .home-container1 {
1245 flex-direction: column;
1246 }
1247 .home-joinbliss {
1248 width: 88%;
1249 padding: var(--dl-space-space-unit);
1250 }
1251 .home-link4 {
1252 margin-top: var(--dl-space-space-unit);
1253 margin-bottom: var(--dl-space-space-unit);
1254 }
1255}
1256
1257.swiper {
1258 width: 100%;
1259 padding-top: 50px;
1260 padding-bottom: 50px;
1261}
1262
1263.swiper-slide {
1264 background-position: center;
1265 background-size: cover;
1266 width: 220px;
1267 height: 500px;
1268}
1269
1270.swiper-slide img {
1271 border-radius: 8px;
1272 display: block;
1273 width: 100%;
1274}