.for-whom-global-block h2 {
    font-weight: 500;
    font-size: 36px;
    color: var(--violet2-text-color);
}

.for-whom-blocks,
.for-whom-mobile-block {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    gap: 13px 10px;
    color: var(--violet-text-color);
}

.course-category-menu .for-whom-blocks {
    padding: 0 20px;
}

.for-whom-block {
    display: flex;
    align-items: center;
    background: white;
    height: 28px;
    border-radius: 20px;
    border: 2px solid var(--violet-color);;
    padding: 6px 20px;
    font-size: 14px;
    text-wrap: nowrap;
    transition: all 1s;
    cursor: pointer;
    color: var(--violet-text-color);
}

.for-whom-block:hover,
.for-whom-block.active {
    background: var(--violet-color);;
    color: var(--white-text-color);
}

.for-whom-global-block .o-button {
    display: none;
}

.for-whom-block.hide-mob {
    display: flex;
}

@media (max-width: 780px) {
    .for-whom-global-block h2 {
        font-size: 30px;
    }
    .for-whom-blocks {
        gap: 10px;
    }
    .for-whom-block {
        width: 100%;
        height: 35px;
        justify-content: center;
    }
    .course-category-menu .for-whom-blocks,
    .left-menu-to-page-block .for-whom-blocks {
        padding: 0 10px;
    }

    .for-whom-block.hide-mob {
        display: none;
    }

    .for-whom-mobile-block {
        display: none;
    }

    .for-whom-mobile-block .for-whom-block.hide-mob {
        display: flex;
    }

    .for-whom-global-block .o-button {
        display: flex;
        margin-top: 25px;
    }
}