.client-seats__block {
    overflow: hidden;
    background-color: #fff;
    border-radius: 16px 0 0 0;
    box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.05);
}

.client-seats__block-top {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: var(--main-colors-black);
    letter-spacing: -0.24px;
}

.client-seats__block-top-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 240px;
    padding: 8px 16px 8px 21px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #adb9cd;
    letter-spacing: -0.134px;
    border: 2px solid var(--main-colors-grey);
    border-radius: 6.7px;
}

.client-seats__block-rows {
    display: grid;
    box-shadow: 1.34px 0 0 0 #f3f4f8;
    grid-template-columns: 280px 280px auto;
}

.client-seats__block-row {
    display: grid;
    grid-template-columns: 1fr 1fr 180px;
}

.client-seats__block-row-cell {
    display: flex;
    align-items: center;
    padding: 20px 24px;
    font-size: 20px;
    line-height: 140%;
    color: var(--main-colors-black);
    box-shadow: inset 1.34px 0 0 0 #f3f4f8;
    gap: 8px;
}

.client-seats__block-row-cell:nth-child(1),
.client-seats__block-row-cell:nth-child(4),
.client-seats__block-row-cell:nth-child(7),
.client-seats__block-row-cell:nth-child(10) {
    box-shadow: none;
}

.client-seats__block-row-cell:nth-child(4),
.client-seats__block-row-cell:nth-child(5),
.client-seats__block-row-cell:nth-child(6) {
    background-color: var(--main-colors-grey-2);
    border-top: 2px solid var(--main-colors-grey, #dce4f1);
    border-bottom: 2px solid var(--main-colors-grey, #dce4f1);
}

.first-row.client-seats__block-row-cell {
    font-family: 'IBM Plex Mono';
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: var(--main-colors-black-2);
    text-transform: uppercase;
    background-color: var(--main-colors-grey-3);
}

.client-seats__block-row-cell.first-column {
    display: grid;
    align-items: center;
    justify-content: start;
    grid-auto-flow: column;
    grid-gap: 12px;
}

.client-seats__block-row-cell.third-column {
    overflow: hidden;
}

.client-seats__block-row-cell.third-column span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-seats__block-row-cell-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    color: var(--main-colors-black);
    background-color: var(--main-colors-grey-2);
    border-radius: 50%;
}

.client-seats__block-row-cell:nth-child(4) .client-seats__block-row-cell-number {
    background-color: #fff;
}

.client-seats__block-row-cell-name {
    white-space: nowrap;
}

@media screen and (max-width: 1023px) {
    .client-seats__block-top {
        justify-content: space-between;
    }

    .main-features__card.client-seats {
        padding-right: var(--spacing-v2);
    }

    .client-seats__block {
        border-top-right-radius: 16px;
    }
}

@media screen and (max-width: 767px) {
    .client-seats .main-features__card-title-block {
        padding-right: 0;
    }

    .client-seats__block {
        display: none;
    }
}