1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
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
|
@import ../settings
section.inform-columns
display: flex
justify-content: center
.inner-div
display: grid
grid-template-columns: 1fr 1fr
grid-gap: 30px
+resolution(0, 991)
grid-template-columns: 1fr
.item
background: $light
position: relative
display: grid
grid-template-rows: auto 1fr auto
+resolution(576)
padding: 40px
+resolution(0, 575)
padding: 30px 20px
&:nth-child(odd)
&::before
content: ""
position: absolute
top: 0
left: 0
background-color: $white
clip-path: polygon(0 0, 0 100%, 100% 0)
+resolution(576)
width: 40px
height: 40px
+resolution(0, 575)
width: 20px
height: 20px
&::after
content: ""
position: absolute
bottom: 0
right: 0
background-color: $white
clip-path: polygon(100% 100%, 0 100%, 100% 0)
+resolution(576, 992)
width: 40px
height: 40px
+resolution(0, 575)
width: 20px
height: 20px
&:nth-child(2n)
&::before
content: ""
position: absolute
top: 0
left: 0
background-color: $white
clip-path: polygon(0 0, 0 100%, 100% 0)
+resolution(576)
width: 40px
height: 40px
+resolution(0, 575)
width: 20px
height: 20px
&::after
content: ""
position: absolute
bottom: 0
right: 0
background-color: $white
clip-path: polygon(100% 100%, 0 100%, 100% 0)
+resolution(576)
width: 40px
height: 40px
+resolution(0, 575)
width: 20px
height: 20px
.header
display: flex
flex-direction: column
img
width: 54px
height: 54px
div
h3
font-weight: bold
letter-spacing: $em
color: $black
margin-top: 16px
+resolution(992)
font-size: 24px
+resolution(0, 991)
font-size: 20px
.content
+resolution(992)
margin: 24px 0
+resolution(0, 991)
margin: 16px 0
p
text-align: left
font-size: 16px
+resolution(992)
margin-bottom: 20px
+resolution(0, 991)
margin-bottom: 15px
&:last-child
margin-bottom: 0
a
max-width: 291px
min-height: 58px
color: $black !important
display: flex
align-items: center
font-weight: 700
font-size: 16px
text-decoration: none
transition: 0.3s
letter-spacing: $em
&::after
content: url('/img/global/link-arrow.svg')
display: flex
margin-left: 15px
align-items: center
padding-top: 5px
&:hover
color: $secondary !important
&:active
color: $primary !important
|
