/* Start:/local/components/ampm/system.empty/templates/installments/style.css?17919048932649*/
.installments-page .type-page .info h1 {
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    margin: 0 0 56px;
}

.installments {

    & * {
        box-sizing: border-box;
    }
}


.installments__sub-title {
    font-weight: 400;
    font-size: 19px;
    line-height: 130%;
    margin-bottom: 24px;
}

.type-page .info .installments__list {
    display: flex;
    gap: 8px;
    padding: 0;
    list-style: none;
    counter-reset: flownum;
    margin: 0 0 56px;
}

.installments__item {
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-wrap: wrap;
    counter-increment: flownum;
}

.installments__item-head {
    display: flex;

    &::before {
        content: counter(flownum);
        font-weight: 700;
        font-size: 12px;
        line-height: 32px;
        letter-spacing: 0;
        width: 32px;
        height: 32px;
        border-radius: 10px;
        background: #141419;
        text-align: center;
        color: #fff;
        margin-right: 10px;
    }
}

.installments__item-ico {
    display: flex;
    justify-content: end;
    flex: 1;
    align-items: center;
    background: #F1F3F4;
    border-radius: 10px 10px 0 0;
    height: 40px;
    padding-right: 17px;
}

.installments__item-text {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    background: #F1F3F4;
    border-radius: 10px 0 10px 10px;
    padding: 16px;
    flex: 1;
}

.installments__partners {
    display: flex;
    gap: 8px;
    margin-bottom: 55px;
}

.installments__partner {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    border: 1px solid #E4E7EA;
    border-radius: 10px;
    height: 82px;
    padding: 0 20px;

    & svg {
        max-height: 60px;
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .installments-page .type-page .info h1 {
        font-weight: 400;
        font-size: 24px;
        line-height: 130%;
        margin-bottom: 32px;
    }

    .installments__sub-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        margin-bottom: 20px;
    }

    .type-page .info .installments__list {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 32px;
    }

    .installments__item {
        width: calc(50% - 5px);
        flex: initial;
    }

    .installments__item-text {
        font-weight: 400;
        font-size: 13px;
        line-height: 150%;
    }

    .installments__partners {
        flex-wrap: wrap;
        gap: 8px;
    }

    .installments__partner {
        width: 100%;
        flex: initial;
        margin-bottom: 15px;
    }
}
/* End */
/* /local/components/ampm/system.empty/templates/installments/style.css?17919048932649 */