.management {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 250px 150px;

    background-color: var(--blue);
}

.management .group-card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 25px;
}

.management .group-card .card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 25px;

    padding: 50px 30px;

    background-color: var(--white);
    border-radius: 10px;
    border-right: 10px solid var(--yellow);
    box-shadow: 15px 15px 0 var(--black);
}

.management .group-card .card h3 {
    color: var(--blue);
    text-transform: uppercase;
}

.management .group-card .card i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--blue);
    border-radius: 10px;
}

@media only screen and (max-width: 1700px) {
    .management {
        padding: 150px;
    }
}

@media only screen and (max-width: 1050px) {
    .management {
        padding: 150px 100px;
    }
}

@media only screen and (max-width: 768px) {
    .management {
        padding: 100px 30px;
    }
}