.docs_block_card_img {
    position: relative;
    overflow: hidden;
    min-height: 293px;
    img {
        position: absolute;
    }
}

.docs_block_card, .docs_block_card_img {
    border-radius: 20px 20px 0 20px;
    width: 50%;
}

.docs_block_card_container.reverse {
    flex-direction: row-reverse;
}

.docs_block_cards {
    display: grid; gap: var(--px20);
    grid-template-columns: 1fr 1fr;
}

.docs_block_card_top {
    margin-bottom: auto;
}

.docs_block_card {
    background: var(--bg);
}

.docs_block_card_top.file {
    margin-left: auto;
    padding: var(--px20) var(--px15);
    border-radius: 8px;
    background: var(--bgs);
    text-transform: uppercase;
    color: var(--heads);
}

@media (max-width:1200px){
    .docs_block_card_container.reverse, 
    .docs_block_card_container {
        flex-direction: column;
    }
    .docs_block_card, 
    .docs_block_card_img {
        width: 100%;
    }
    .docs_block_card_img {
        height: 300px;
        min-height: auto;
    }
    
    .docs_block_card {
        height: calc(100% - 300px - var(--px30));
    } 
}
@media (max-width:700px){
    .docs_block_cards {
        grid-template-columns: 1fr;
    }
    .docs_block_card_img {
        height: inherit;
        max-height: 350px;

        img {
            position: static;
        }
    }
    .docs_block_card {
        height: auto;
    } 
    .docs_block_card_top.file {
        margin-left: unset;
        margin-right: auto;
        margin-bottom: var(--px30);
    }
}