.portfolio-page .portfolio-filters {
    align-items: end;
    background: #f2f7f6;
    border: 1px solid #d9e8e5;
    border-radius: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 28px 0 30px;
    padding: 16px;
}

.portfolio-page .portfolio-filters label {
    color: #41615e;
    display: grid;
    font-size: 12px;
    font-weight: 700;
    gap: 7px;
    min-width: 170px;
}

.portfolio-page .portfolio-filters select {
    background: #fff;
    border: 1px solid #c8dbd7;
    border-radius: 8px;
    color: #173b43;
    min-height: 42px;
    padding: 0 34px 0 12px;
}

.portfolio-page .portfolio-filters button,
.portfolio-page .portfolio-filters>a {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    min-height: 42px;
    padding: 0 15px;
}

.portfolio-page .portfolio-filters button {
    background: #087267;
    border: 1px solid #087267;
    color: #fff;
    gap: 8px;
}

.portfolio-page .portfolio-filters>a {
    color: #087267;
}

.portfolio-page .portfolio-project-card {
    min-height: 100%;
}

.portfolio-page .portfolio-pagination {
    margin-top: 30px;
}

.portfolio-page .portfolio-flow {
    counter-reset: portfolio-step;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 28px 0 0;
    padding: 0;
}

.portfolio-page .portfolio-flow li {
    background: #fff;
    border: 1px solid #dce8e6;
    border-radius: 14px;
    padding: 22px;
}

.portfolio-page .portfolio-flow li>span {
    color: #087267;
    display: block;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 22px;
}

.portfolio-page .portfolio-flow h3 {
    color: #163b44;
    font-size: 17px;
    line-height: 1.3;
    margin: 0 0 10px;
}

.portfolio-page .portfolio-flow p {
    color: #647b7b;
    font-size: 13px;
    line-height: 1.65;
    margin: 0;
}

@media (max-width: 900px) {
    .portfolio-page .portfolio-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {

    .portfolio-page .portfolio-filters label,
    .portfolio-page .portfolio-filters button,
    .portfolio-page .portfolio-filters>a {
        width: 100%;
    }

    .portfolio-page .portfolio-flow {
        grid-template-columns: 1fr;
    }
}