/* animation */
.documents-list__item {
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
	opacity: 0
}
.documents-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 100%
}
.documents-list svg path {
	fill: #012597
}
.documents-list__item:not(:last-child) {
	margin-bottom: 5px
}
.documents-list__link {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	padding: 13px 20px;
	border-radius: 9999px;
	background-color: #eaf2fa;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out
}
@media (min-width:576px) {
	.documents-list__link {
		padding: 13px 24px
	}
}
@media (min-width:1200px) {
	.documents-list__link {
		gap: 15px;
		padding: 18px 30px
	}
}
.documents-list .documents-list__link:hover {
	--color: #fff;
	color: var(--color);
	background-color: #012597
}
.documents-list .documents-list__link:hover svg path {
	fill: var(--color)
}
.documents-list .documents-list__link:hover .documents-list__name {
	color: var(--color)
}
.documents-list .documents-list__link:active,
.documents-list .documents-list__link:focus {
	--color: var(--orange-light)
}
.documents-list__name {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: #012597;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}
@media (min-width:768px) {
	.documents-list__name {
		font-size: 20px
	}
}
.documents-list__icon-doc {
	display: none
}
.documents-list__icon-doc svg {
	width: 28px;
	height: 28px
}
@media (min-width:576px) {
	.documents-list__icon-doc {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}
@media (min-width:1200px) {
	.documents-list__icon-doc svg {
		width: 32px;
		height: 32px
	}
}
.documents-list__icon-link {
	margin-left: auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.documents-list__icon-link svg {
	width: 24px;
	height: 24px
}
@media (min-width:1200px) {
	.documents-list__icon-link svg {
		width: 28px;
		height: 28px
	}
}
/**/
.documents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
@media (min-width:576px) {
	.documents {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start
	}
}
.documents__btn {
	margin-top: 15px
}
@media (min-width:576px) {
	.documents__btn {
		margin-top: 24px;
		margin-left: 20px;
		font-size: 20px
	}
}
.documents__documents-list {
	-webkit-transition: max-height .1s ease-in-out;
	transition: max-height .1s ease-in-out;
	overflow: hidden
}
.documents:not(.active) .documents__documents-list {
	max-height: 365px !important
}
@media (min-width:1200px) {
	.documents:not(.active) .documents__documents-list {
		max-height: 360px !important
	}
}
/**/
.documents-wrap {
	padding: 0;
	position: relative;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.documents-wrap.documents-wrap--deepest {
	gap: 5px;
}
.documents-wrap.documents-wrap--deepest .documents-wrap__doc-pack {
	padding: 0;
	border: none;
}
.documents-wrap__doc-pack {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 8px 10px;
	border: 1px solid #CECECE;
	border-radius: 15px;
}
.documents-wrap--deepest .documents-wrap__header {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	padding: 13px 23px 13px 30px;
	border: 1px solid #CECECE;
	border-radius: 9999px;
}
.documents-wrap__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
	font-size: 16px;
	font-weight: 600;
}
.documents-wrap__btn {
	--side: 32px;
	margin-left: auto;
}
.documents-wrap__btn:hover {
	background-color: var(--sky);
}
.documents-wrap--deepest .documents-wrap__header .documents-wrap__btn {
	--side: 20px;
	background-color: transparent !important;
}
.documents-wrap--deepest .documents-wrap__header .documents-wrap__btn svg {
	width: calc(var(--side) / 2 + 8px);
	height: calc(var(--side) / 2 + 8px);
}
.documents-wrap--deepest .documents-wrap__header .documents-wrap__btn:hover svg path {
	stroke: var(--sky);
}
.documents-wrap--deepest .documents-wrap__header .documents-wrap__btn:focus:active {
	stroke: var(--orange);
}
.documents-wrap__header .documents-wrap__btn.active {
	stroke: var(--orange);
	transform: rotate(45deg);
}
.documents-wrap__header .documents-wrap__btn.active svg path {
	stroke: var(--orange);
}
.documents-wrap--deepest .documents-wrap__header .documents-wrap__btn.active:hover {
	stroke: var(--orange-light);
}
.documents-wrap [data-section-content] {
	display: none;
}
.documents-wrap .documents-wrap[data-section-content].active {
	display: flex;
	margin-top: 15px;
}
.documents-wrap .documents-list[data-section-content].active {
	display: block;
	padding-bottom: 16px;
}
@media (min-width: 576px) {
	.documents-wrap__btn {
		--side: 40px;
	}
}
@media (min-width: 768px) {
	.documents-wrap__header {
		border-radius: 30px;
	}
}
@media (min-width: 992px) {
	.documents-wrap--deepest .documents-wrap__header .documents-wrap__btn {
		--side: 30px;
	}
}
@media (min-width: 1200px) {
	.documents-wrap {
		gap: 20px;
	}
	.documents-wrap__doc-pack {
		padding: 15px 20px;
		border-radius: 40px;
	}
	.documents-wrap__header {
		font-size: 20px;
		border-radius: 60px;
	}
	.documents-wrap__btn {
		--side: 80px;
	}
	.documents-wrap--deepest .documents-wrap__header .documents-wrap__btn {
		--side: 40px;
	}
}
@media (min-width: 1400px) {
	.documents-wrap__header {
		font-size: 24px;
		line-height: 1.5;
	}
}