blob: d0641d347fe2794046dbead09784e124a5c9bd57 [file] [log] [blame]
Lokesh Yadavba544372021-12-07 15:09:27 +05301.carrousel-carrousel {
2 flex: 0 0 auto;
3 margin: var(--dl-space-space-oneandhalfunits);
4 display: flex;
5 min-height: 50vh;
6 align-items: center;
7 flex-direction: column;
8 justify-content: center;
9}
10.carrousel-title {
11 color: var(--dl-color-gray-white);
12 margin: var(--dl-space-space-oneandhalfunits);
13}
14.carrousel-images {
15 flex: 1;
16 display: flex;
17 align-items: stretch;
18 flex-direction: row;
19 justify-content: center;
20}
21.carrousel-go-left {
22 display: flex;
23 align-items: center;
24 flex-direction: row;
25 justify-content: center;
26}
27.carrousel-icon {
28 fill: var(--dl-color-primary-700);
29 width: var(--dl-size-size-small);
30}
31.carrousel-slider {
32 flex: 1;
33 width: 824px;
34 display: flex;
35 overflow: hidden;
36 position: relative;
37 align-self: stretch;
38 align-items: center;
39 flex-direction: column;
40 justify-content: center;
41}
42.carrousel-slides-container {
43 flex: 1;
44 width: 100%;
45 display: flex;
46 overflow: hidden;
47 max-width: 100%;
48 align-self: stretch;
49 align-items: center;
50 border-radius: 16px;
51 flex-direction: row;
52 justify-content: center;
53}
54.carrousel-left {
55 object-fit: cover;
56 object-position: center;
57}
58.carrousel-left1 {
59 object-fit: cover;
60 object-position: center;
61}
62.carrousel-mid {
63 object-fit: cover;
64 object-position: center;
65}
66.carrousel-right {
67 object-fit: cover;
68 object-position: center;
69}
70.carrousel-right1 {
71 object-fit: cover;
72 object-position: center;
73}
74.carrousel-go-right {
75 display: flex;
76 align-items: center;
77 flex-direction: row;
78 justify-content: center;
79}
80.carrousel-icon2 {
81 fill: var(--dl-color-primary-700);
82 width: var(--dl-size-size-small);
83}