/**
 * Разделитель между карточками (`.dashed-line-list__divider`) переиспользует
 * общий CSS из dashed-line-list.css (см. plan-block-constructor.md,
 * Этап 3) — последняя оставшаяся копия byte-идентичного правила
 * `.line-goal-and-vision` удалена отсюда. Остальная вёрстка блока (обёртка
 * без класса `.dashed-line-list`, своя `.head-list` 36px, секция
 * `.description` перед карточками, inline `margin-left:-36px`-хак) —
 * реальные отличия от community/opportunities и unified-architecture/advantages,
 * компонент `<x-blocks.dashed-line-list>` сюда сознательно не натягивается.
 */

#about-us-goals-and-vision .description {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
    padding: 36px 0 28px 0;
}

#about-us-goals-and-vision .head-list {
    font-style: normal;
    font-weight: 500;
    line-height: 105%; /* 37.8px */
    letter-spacing: -1.44px;
    font-size: 36px;
    text-transform: initial;
}

@media (max-width: 1280px){
    #about-us-goals-and-vision img {
        width: 48px;
        height: 48px;
    }
}


@media (max-width: 1024px) {

    #about-us-goals-and-vision .head-list {
        font-size: 24px;
    }

    #about-us-goals-and-vision .description {
        font-size: 18px;
    }

    #about-us-goals-and-vision img {
        width: 32px;
        height: 32px;
    }
}