.docs-list {
opacity: 1;
padding: 80px 0 70px 0;
border-radius: 0 60px;
background: #F2F5F8;
}
@media screen and (max-width: 780px) {
.docs-list {
padding: 45px 0 45px;
}
}
.docs-list__title {
margin: 0 0 60px 0;
}
@media screen and (max-width: 780px) {
.docs-list__title {
margin-bottom: 35px;
}
}
.docs-list__list {
padding: 0;
list-style: none;
column-count: 2;
column-gap: 60px;
margin-bottom: -20px;
}
@media screen and (max-width: 960px) {
.docs-list__list {
column-count: unset;
margin-bottom: -11px;
}
}
.docs-list__list li {
font-weight: 600;
font-size: 18px;
color: #303030;
position: relative;
padding-left: 42px;
min-height: 46px;
display: inline-flex;
align-items: center;
margin-bottom: 20px;
width: 100%;
}
@media screen and (max-width: 960px) {
.docs-list__list li {
font-size: 14px;
margin-bottom: 11px;
min-height: 28px;
}
}
.docs-list__list li::before {
content: "";
display: block;
position: absolute;
width: 22px;
height: 22px;
left: 0;
top: 50%;
transform: translateY(-50%);
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-doc.svg) no-repeat center/contain;
}
.docs-list__list li span {
max-width: 540px;
display: inline-block;
}
@media screen and (max-width: 960px) {
.docs-list__list li span {
max-width: 100%;
}
}
.docs-list__more-btn {
margin-top: 24px;
background: transparent;
border: none;
padding: 0 17px 0 0;
position: relative;
font-weight: 500;
font-size: 14px;
cursor: pointer;
color: #f03444;
display: none;
}
.docs-list__more-btn::after {
content: "";
display: block;
position: absolute;
width: 12px;
height: 6px;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-angle-down-red.svg) no-repeat center/contain;
transition: all 0.3s;
}
.docs-list__more-btn.active::after {
transform: translateY(-50%) rotate(-180deg);
}