.cover{
    position: relative;
}
.cover_cube{
    position: absolute;
    width: 622px;
    bottom: 0;
    right: 60px;
}
.cover_cube_mob{
    display: none;
    position: absolute;
    width: 240px;
    top: 0;
    right: 0;
}

.cover_content{
    padding: 120px 0 115px 0;
}
.documents_container{
    padding: 120px 0;
    background: var(--color-Main-Neutral);
}
.documents_wrapper{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.sort{
    display: flex;
    gap: 40px;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--color-Secondary-Grey);
}
.sort p{
    font-weight: 600;
}
.sort_text{
    color: var(--color-Secondary-Dark-Blue);
    transition: .3s;
}
.sort_item{
    color: var(--color-Secondary-Dark-Blue);
    cursor: pointer;
    transition: .3s;
}
.active_sort{
    color: var(--color-Main-Red)!important;
}
.documents{
    display: flex;
    flex-direction: column;
}
.document_item{
    padding: 20px;
    transition: .3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.document_item_text,
.document_item_month{
    color: var(--color-Main-Blue);
    transition: .3s;
}
.document_item_month span{
    display: none;
}
.document_item_text{
    font-weight: 600;
}
.document_item_month{
    font-weight: 400;
    white-space: nowrap;
}
.download_block{
    display: flex;
    align-items: center;
    gap: 60px;
    transition: .3s;
}

.document_item:active{
    background: var(--color-Main-White);
}
.document_item svg path{
    transition: .3s;
}
.document_item:active .document_item_text{
    color: var(--color-Main-Red);
}
.document_item:active .document_item_month{
    font-weight: 600;
}
.current_page_description{
    max-width: 463px;
}

@media screen and (max-width: 1175px) {
    .cover_content{
        padding: 90px 0;
    }
    .sort p,
    .document_item_text,
    .document_item_month{
        font-size: 14px;
    }
    .documents_container{
        padding: 90px 0;
    }
    .sort{
        padding-bottom: 15px;
    }
    .documents_wrapper{
        gap: 45px;
    }
    .cover_cube{
        width: 560px;
        right: 0;
    }
    .download_block{
        gap: 30px;
    }
}

@media screen and (max-width: 1080px) {
    .cover_cube{
        width: 484px;
    }
    .current_page_description {
        max-width: 398px;
    }
    .sort {
        border-bottom: 1px solid var(--color-Secondary-Grey);
    }
    .document_item{
        padding: 15px 20px;
    }
    .sort_text{
        color: var(--color-Main-Blue);
    }
    .document_item_month span{
        display: inline;
    }
}

@media screen and (max-width: 900px) {
    .current_page_description {
        max-width: 360px;
    }
    .page_navigation{
        margin-bottom: 0;
    }
    .cover_content{
        gap: 10px;
    }
    .cover_cube {
        width: 450px;
    }
}

@media screen and (max-width: 800px) {
    .cover_cube {
        width: 425px;
    }
    .current_page_description {
        max-width: 340px;
    }
    .cover_content {
        padding: 70px 0;
    }
}
@media screen and (max-width: 740px) {
    .cover_cube{
        display: none;
    }
    .cover_cube_mob{
        display: block;
    }
    .cover_content{
        padding: 250px 0 124px 0;
    }
    .page_navigation{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 500px) {
    .sort {
        padding-bottom: 12px;
    }
    .documents_wrapper{
        gap: 40px;
    }
    .document_item{
        padding: 12px;
    }
    .document_item_text,
    .document_item_month{
        font-weight: 400!important;
    }
    .document_item:active{
        background: transparent;
    }
    .document_item:active .document_item_text{
        color: var(--color-Main-Blue);
    }
    .document_item:active svg path{
        fill: #537497;
    }
    .document_item:nth-child(odd) {
        background: var(--color-Main-White);
    }
}

@media screen and (max-width: 430px) {
    .download_block{
        gap: 12px;
    }
    .document_item{
        gap: 29px;
    }
    .document_item_text{
        max-width: 175px;
    }
    .sort{
        gap: 20px;
    }
}

@media screen and (max-width: 375px) {
    .sort p,
    .document_item_text,
    .document_item_month {
        font-size: 12px;
    }
    .cover_cube_mob{
        top: -43px;
    }
    .document_item_text {
        max-width: 148px;
    }
    .document_item svg{
        width: 14px;
    }
}