/* ==================================================
       ФОРМАТ ОБУЧЕНИЯ
       ================================================== */

    .format {
        width: 375px;
        padding: 12px;

        background: var(--cream-300);
    }

    .format__content {
        width: 100%;
        padding: 12px;

        border: 0;
        border-radius: 12px;
    }


    /* ==================================================
       КАРТОЧКИ
       ================================================== */

    .format__section {
        width: 100%;
        padding: 18px 16px 10px;

        background: var(--cream-50);

        border: 1px solid var(--sand-500);
        border-radius: 10px;
    }

    .format__section--speed {
        margin-top: 12px;
        padding: 18px 16px 10px;

        border: 0;
        border-radius: 10px;

        background: var(--cream-500);
    }


    /* ==================================================
       ЗАГОЛОВОК
       ================================================== */

    .format__heading {
        display: flex;
        align-items: center;
    }

    .format__icon {
        flex: 0 0 58px;

        width: 58px;
        height: 58px;

        margin-right: 14px;

        border-radius: 50%;

        background: var(--cream-300);
    }

    .format__section--speed .format__icon {
        background: var(--cream-100);
    }

    .format__icon img {
        width: 34px;
        height: 34px;
    }

    .format__heading-content {
        flex: 1;
        width: auto;
    }

    .format__title {
        margin: 0;

        font-size: 27px;
        line-height: 1.05;
        font-weight: 400;
        letter-spacing: -0.3px;
    }

    .format__title-line {
        width: 100%;
        height: 1px;

        margin-top: 9px;

        background: var(--sand-300);
    }

    .format__title-line::before {
        width: 38px;
    }


    /* ==================================================
       ПУНКТЫ
       ================================================== */

    .format__grid {
        display: block;

        margin-top: 14px;
    }

    .format__item,
    .format__item:nth-child(odd),
    .format__item:nth-child(even) {
        position: relative;

        min-height: 0;

        padding: 13px 5px 13px 32px;

        border-right: 0;
        border-bottom: 1px solid var(--sand-300);

        font-size: 13px;
        line-height: 1.35;
    }

    .format__item:last-child {
        border-bottom: 0;
    }

    .format__item:nth-last-child(2) {
        border-bottom: 1px solid var(--sand-300);
    }


    /* ==================================================
       ТОЧКИ
       ================================================== */

    .format__dot,
    .format__item:nth-child(odd) .format__dot,
    .format__item:nth-child(even) .format__dot {
        top: 18px;
        left: 4px;

        width: 7px;
        height: 7px;
    }


    /* ==================================================
       СКОРОСТЬ ОБУЧЕНИЯ
       ================================================== */

    .format__section--speed .format__heading {
        margin: 0;
    }

    .format__grid--speed {
        margin-top: 12px;
    }

    .format__grid--speed .format__item {
        min-height: 0;

        padding: 12px 5px 12px 32px;

        border-bottom: 1px solid var(--sand-500);

        font-size: 13px;
        line-height: 1.35;
    }

    .format__grid--speed .format__item:last-child {
        border-bottom: 0;
    }

    .format__grid--speed .format__dot {
        top: 17px;
        left: 4px;
    }

    .format__accent {
        font-size: 14px;
        font-weight: 600;

        color: var(--orange-100);
    }