.tariff-block {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 860px;
    padding: 20px;
}

.tariff-block__scroll-wrapper {
    overflow-x: auto;
}

.faq-item-answer:has(.tariff-block__scroll-wrapper) {
    padding: 0;
}

.tariff-block .tariff-block__block {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
}

.tariff-block .tariff-block__block.vertical {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tariff-block .tariff-block__block.tariff-grid {
    display: grid;
    grid-template-columns: 42% 1fr;
    gap: 16px;
}

.tariff-block .tariff-block__block.package-grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 16px;
}

.tariff-block .tariff-block__block.inline {
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.tariff-block .tariff-block__table-row {
    --cell-padding: 16px;
    display: flex;
    padding-top: var(--cell-padding);
    padding-bottom: var(--cell-padding);
    border-top: 1px solid rgb(209, 214, 225);
}

.tariff-block .tariff-block__table-row .tariff-block__table-element {
    border-left: 1px solid rgb(209, 214, 225);
    flex-shrink: 0;
    flex: 1 0 0;
    padding-left: var(--cell-padding);
    padding-right: var(--cell-padding);
    margin: 0;
}

.tariff-block .tariff-block__table-row:first-child {
    padding-top: 0;
    border-top: none;
}

.tariff-block .tariff-block__table-row:last-child {
    padding-bottom: 0;
}

.tariff-block .tariff-block__text {
    font-size: 14px;
    line-height: 140%;
    color: #808899;
    margin: 0;
}

.tariff-block .tariff-block__block.highlight-first .tariff-block__table-element.big:first-child,
.tariff-block .tariff-block__text.black {
    color: #474766;
}

.tariff-block .tariff-block__text.big {
    font-size: 18px;
}

.tariff-block .tariff-block__text.small {
    font-size: 13px;
}

.tariff-block .tariff-block__text.description {
    font-size: 16px;
    font-weight: 600;
}

.tariff-block .tariff-block__block.bold-not-last .tariff-block__table-element.big:not(:last-child),
.tariff-block .tariff-block__text.bold {
    font-weight: 600;
}

.tariff-block .tariff-block__block.package-grid .tariff-block__table-row.table-head .tariff-block__text {
    font-size: 14px;
    font-weight: 400;
}

.tariff-block .tariff-block__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #2589FF;
    display: block;
    margin: 0;
}

.tariff-block .tariff-block__left {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

