.education-user {
    & .name {
        display: flex;
        flex-direction: column;
    }

    & .item {
        padding: 30px;
        border-radius: 12px;
        border: 1px solid #CAD2DD;
        row-gap: 15px;
        height: 100%;

        & .name {
            max-width: 50%;
        }
    }
}

@media screen and (max-width: 1400px) {
    .education-user {
        & .item {
            & .name {
                max-width: 65%;
            }
        }
    }
}

@media screen and (max-width: 1200px) {
    .education-user {
        & .item {
            padding: 20px;

            /* & .name {
                max-width: 55%;
            } */
        }
    }
}