.list-bg1{
	background:linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(40,40,40,1) 100%);
}
.list-i1{
	width:3rem;
	min-width:3rem;
	height:auto;
	opacity:0.6;
	transition:all 0.3s;
	margin-right:1rem;
}
.list-i1:hover{
	opacity:1;
}
.list-i2{
	position:absolute;
	border-radius:inherit;
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:center;
	top:0;
	left:0;
}
.list-i3{
	width:100%;
	height:auto;
	margin-bottom:2rem;
	object-fit:cover;
	object-position:center;
	border-radius:2rem;
	max-height:22rem;
}
.list-m1{
	padding-top:8rem;
	padding-bottom:8rem;
}
.list-m2{
	margin-bottom:3rem;
}
.list-m3{
	margin-top:0.6rem;
	margin-bottom:2rem;
}
.list-m4{
	padding-top: 0rem;
}
.list-e1{
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:0rem;
	align-items:flex-start;
	padding:2rem;
	border-radius:2rem;
}
.list-e2{
	padding:0.7rem;
	padding-left: 2rem;
	border-radius:1rem;
	border:2px solid rgba(255,255,255,0);
	background-color:rgba(255,255,255,0);
	transition:all 0.3s;
}
.list-e2:hover{
	border:2px solid var(--c3);
	background-color:var(--c6);
}
.list-e2::before{
	position: absolute;
	left: 0.7rem;
	top: 0.65rem;
	content:'';
	background-color:var(--c3);
	border-radius:50%;
	width:10px;
	min-width:10px;
	max-width:10px;
	height:10px;
	margin-top:0.35rem;
	margin-right:1rem;
	animation:list-a2 infinite ease-out 4s;
}
.list-e3{
	position:sticky;
	top:10rem;
	/*transform:translate(0,-50%);*/
	border-radius:2rem;
	padding:2rem;
}
.list-e6{
	padding:0.6rem 1rem;
	border-radius:3rem;
	background-color:var(--c3);
	color:white;
	font-size:1.1rem;
	border:0;
	box-shadow:0 1rem 1rem -0.5rem var(--c3);
	transition:all 0.2s;
	top:0;
}
.list-e6:hover{
	top:-0.4rem;
	box-shadow:0 2rem 1.5rem -1.3rem var(--c3);
}
.list-e6 img{
	height:2.5rem;
	background:white;
	object-fit:contain;
	object-position:center;
}
.list-e7{
	overflow:hidden;
}
.list-e7::after{
	content:'';
	display:block;
	width:30px;
	height:300px;
	margin-left:60px;
	background:linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
	position:absolute;
	top:-100px;
	z-index:100;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	transition:all 0.1s;
	animation:list-a3 infinite ease-in-out 5s;
	animation-delay:0.05s;
}
.list-e8{
	margin-left:1.5rem;
	border-radius:3rem 0 0 3rem;
	padding:0.3rem;
	min-width:2.2rem;
}
.list-e9{
	border-radius:0 3rem 3rem 0;
	padding:0.3rem;
	min-width:2.2rem;
}
.list-e10{
	padding:0.3rem 0;
	min-width:1.7rem;
}
.list-e11{
	justify-content:space-between;
}
@keyframes list-a1{
	0%{
		box-shadow:0 0 0 0 var(--c5);
	}
	30%{
		box-shadow:0 0 0 0.6rem rgba(255,255,255,0);
	}
	100%{
		box-shadow:0 0 0 0.6rem rgba(255,255,255,0);
	}
}
@keyframes list-a2{
	0%{
		box-shadow:0 0 0 0 var(--c3);
	}
	20%{
		box-shadow:0 0 0 0.4rem rgba(255,255,255,0);
	}
	100%{
		box-shadow:0 0 0 0.4rem rgba(255,255,255,0);
	}
}
@keyframes list-a3{
	0% { left:-60px; margin-left:0px; }
	20% { left:110%; margin-left:80px; }
	100% { left:110%; margin-left:80px; } 
}

@media screen and (max-width:1000px){
	.list-m2 {
		margin-bottom: 0;
	}
	.list-e3 {
		position: relative;
		top: unset;
	}
	.list-e11{
		grid-gap: 2rem;
		justify-content:center;
	}
	#documents2 *[data-order="1"] {
		order: 1;
	}
	#documents2 *[data-order="2"] {
		order: 2;
	}
	#documents2 *[data-order="3"] {
		order: 3;
	}
	#documents2 *[data-order="4"] {
		order: 4;
	}
}

@media screen and (max-width:800px){
	.list-m1{
		padding-top:5rem;
		padding-bottom:5rem;
	}
}

@media screen and (max-width:600px){
	.list-i1{
		margin: 0;
	}
	.list-e2{
		flex-wrap: wrap !important;
		grid-gap: 1rem;
	}
	.list-e2 {
		border:2px solid rgba(19, 207, 72, 0.3);
		background: rgba(19, 207, 72, 0.05);
		margin: 0.5rem 0;
	}
}