.documents-section{

background:#fff;

}

.document-list{

padding:0;

margin:0;

list-style:none;

}

.document-list li{

background:#f8f9fa;

margin-bottom:15px;

padding:18px;

border-radius:15px;

font-weight:600;

transition:.35s;

box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.document-list li:hover{

transform:translateX(10px);

background:#0d6efd;

color:#fff;

}

.document-list i{

color:#198754;

margin-right:10px;

}

.document-list li:hover i{

color:#fff;

}

.documents-image{

max-width:420px;

animation:floatImage 4s ease-in-out infinite;

}

@keyframes floatImage{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}