.docs-card {
    margin-top: var(--width100);
}

.doc-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--width20);
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}

    .doc-row:last-child {
        border-bottom: 0;
    }

    .doc-row .header__link {
        min-width: var(--width270);
    }

.doc-info {
    display: flex;
    align-items: center;
    gap: var(--width12);
    color: #333;
    font-size: var(--width23);
}

    .doc-info span {
        margin-left: var(--width26);
    }

    .doc-info img {
        width: var(--width43);
        height: var(--width52);
        object-fit: contain;
    }

.doc-row a:hover {
    background: #B52327;
    border-color: #B52327;
    color: #fff;
}

.feedback-block {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: var(--width80);
    align-items: end;
}

.feedback-text {
    height: fit-content;
    margin: auto;
}

    .feedback-text h2 {
        font-size: var(--width37);
    }

    .feedback-text p {
        margin-top: var(--width26);
    }

.feedback-form p {
    color: #787878;
}

.feedback-form input {
    border: 2px solid #D9D9D9;
    width: var(--width560);
    margin-top: var(--width17);
    margin-bottom: var(--width29);
}

    .feedback-form input::placeholder {
        color: #D9D9D9;
    }

.feedback-form button {
    border: 1px solid white;
    width: var(--width560);
}

@media (max-width: 800px) {
    .doc-info span {
        margin-left: 0;
        font-size: var(--width18);
        font-weight: 700;
    }

    .doc-row a {
        width: fit-content;
        padding: var(--width8);
        background: #B52327;
        border: 1px solid white;
        color: white;
        font-size: var(--width16);
    }

    .doc-row .header__link {
        min-width: 132px;
    }

    .feedback-block {
        grid-template-columns: 1fr;
        gap: var(--width25);
        padding: var(--width30) var(--width20);
    }
}