.education {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 64px 0;
}

.education-item {
    flex: 1 0 calc(25% - 30px);
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: var(--dark-100);
    border-radius: 8px;
    padding: 16px;
}

.education-item-title {
    color: var(--white);
    flex: 0 0 44px;
    font-size: 16px;
}

.education-item-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--dark-20);
    font-size: 14px;
    list-style-type: none;
    counter-reset: item;
}

.education-item-list li {
    counter-increment: item;
    text-decoration: underline;
    text-indent: -16px;
    padding-left: 32px;
}

.education-item-list li:before {
    content: counter(item) " ";
    display: inline-block;
    width: 8px;
    margin-right: 8px;
}

@media screen and (max-width: 1280px) {
    .education {
        gap: 16px;
    }

    .education-item {
        flex: 1 0 calc(50% - 16px);
        gap: 16px;
        min-height: 284px;
    }
}

@media screen and (max-width: 590px) {
    .education-item {
        flex: 1 0 100%;
    }
}