/* Start:/local/templates/sbbuh/components/bitrix/news.list/tariffs/style.css?179308831613422*/
.tariff-jump-wrap {
    position: sticky;
    top: 76px;
    z-index: 1020;
    padding: 14px 0;
    background: #fff;
    border-bottom: 1px solid rgba(10, 112, 184, .11);
    box-shadow: 0 10px 24px rgba(5, 47, 82, .05);
}

.tariff-jump {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .65rem;
}

.tariff-jump a {
    display: flex;
    gap: .62rem;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: .65rem .8rem;
    color: var(--brand-blue-deep);
    background: #f0f6fa;
    border: 1px solid transparent;
    border-radius: 14px;
    font-size: .84rem;
    font-weight: 750;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.tariff-jump a span {
    color: var(--brand-blue);
    font-size: .7rem;
}

.tariff-jump a:hover,
.tariff-jump a.active {
    color: #fff;
    background: var(--brand-blue);
    border-color: var(--brand-blue);
}

.tariff-jump a:hover span,
.tariff-jump a.active span {
    color: rgba(255, 255, 255, .7);
}

.tariff-section {
    padding: 104px 0;
    scroll-margin-top: 155px;
}

.tariff-section--white {
    background: var(--brand-white);
}

.tariff-section--soft {
    background: var(--soft);
}

.tariff-section--blue {
    color: var(--brand-white);
    background: var(--brand-blue);
}

.tariff-section--blue .tariff-heading h2 {
    color: var(--brand-white);
}

.tariff-heading {
    display: flex;
    gap: 1.4rem;
    align-items: flex-start;
    margin-bottom: 2.1rem;
}

.tariff-number {
    display: grid;
    flex: 0 0 66px;
    width: 66px;
    height: 66px;
    color: #fff;
    background: var(--brand-red);
    border-radius: 50%;
    box-shadow: 0 12px 26px rgba(215, 29, 70, .24);
    place-items: center;
    font-size: .86rem;
    font-weight: 850;
}

.tariff-heading .section-label {
    margin: 0 0 .35rem;
}

.tariff-heading h2 {
    max-width: 1050px;
    margin: 0;
    color: var(--ink);
    font-size: clamp(2.1rem, 5vw, 4rem);
    font-weight: 850;
    line-height: 1.02;
    letter-spacing: -.045em;
}

.tariffs-page .sb-table {
    color: #142033;
}

.tariffs-page .sb-table > p:first-child {
    display: none;
}

.tariffs-page .sb-table > div {
    padding: clamp(.85rem, 2vw, 1.4rem);
    border: 1px solid #d9e7f1;
    border-radius: 26px;
    box-shadow: 0 22px 60px rgba(9, 56, 91, .09);
    font-size: 1em;
    background: #fff;
}

.tariffs-page .sb-table > div > div > div {
    padding: 1rem 1.15rem;
    border-right: 0;
    border-bottom-color: #d9e7f1;
}

.tariffs-page .sb-table > div > .sb-table__head > div {
    color: #052f52;
    background: #e8f3fa;
    font-size: .86em;
    font-weight: 800;
    line-height: 1.35;
    white-space: normal;
}

.tariffs-page .sb-table > div > .sb-table__head > div:first-child {
    border-radius: 16px 0 0;
}

.tariffs-page .sb-table > div > .sb-table__head > div:last-child {
    border-radius: 0 16px 0 0;
}

.tariffs-page .sb-table > div > div:not(.sb-table__head) > div:not(:first-child) {
    color: #d71d46;
    font-size: 1.08em;
    font-weight: 850;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.tariffs-page .sb-table > div > div:nth-child(odd):not(.sb-table__head):not(.sb-table__total) > div {
    background: #fafcfe;
}

.tariffs-page .sb-table > div > .sb-table__total > div {
    color: var(--brand-blue-deep);
    background: color-mix(in srgb, var(--brand-blue) 12%, var(--brand-white));
}

.tariffs-page .sb-table > div > .sb-table__total > div:not(:first-child) {
    color: var(--brand-red);
}

.tariffs-page .sb-table > div + p {
    position: relative;
    padding: 1rem 1.1rem 1rem 3rem;
    margin-top: 1rem;
    color: #607284;
    background: #f3f7fa;
    border-radius: 14px;
    font-size: .9rem;
    line-height: 1.5;
}

.tariffs-page .sb-table > div + p::before {
    position: absolute;
    top: 1rem;
    left: 1.15em;
    display: grid;
    width: 24px;
    height: 24px;
    color: var(--brand-white);
    content: "i";
    background: var(--brand-blue);
    border-radius: 50%;
    place-items: center;
    font-size: .75em;
    font-weight: 800;
    font-style: normal;
}

@media screen and (max-width: 48em) {
    .tariffs-page .sb-table > div,
    .tariff-pc-block--united .sb-table > div,
    .tariff-section.salary-section .sb-table > div {
        padding: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
    }

    .tariffs-page .sb-table > div > div {
        display: block;
        min-width: 0;
        width: 100%;
        margin-bottom: 0.75rem;
        overflow: hidden;
        border: 1px solid #d9e7f1;
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(15, 52, 85, .08);
        background: #fff;
    }

    .tariffs-page .sb-table > div > .sb-table__head {
        display: none;
    }

    .tariffs-page .sb-table > div > div:last-child {
        margin-bottom: 0;
    }

    .tariffs-page .sb-table > div > div > div,
    .tariffs-page .sb-table > div > div:last-child > div,
    .tariffs-page .sb-table > div > div:not(.sb-table__head) > div:not(:first-child) {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        border: 0;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .tariffs-page .sb-table > div > div > div::before {
        display: block;
        margin-bottom: 0.25rem;
        content: attr(data-label) ": ";
        color: #052f52;
        font-weight: 800;
        white-space: pre-line;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .tariffs-page .sb-table > div > div > div:not([data-label])::before,
    .tariffs-page .sb-table > div > div > div[data-label=""]::before {
        content: none;
    }

    .tariffs-page .sb-table > div > div > div:empty,
    .tariffs-page .sb-table > div > div > div.is-empty {
        display: none;
    }

    .tariffs-page .tariff-heading h2,
    .tariffs-page .tariff-pc-card,
    .tariffs-page .tariff-pc-card h3,
    .tariffs-page .tariff-pc-card__content,
    .tariffs-page .program-price-card,
    .tariffs-page .program-price-card span,
    .tariffs-page .program-price-card strong,
    .tariffs-page .program-price-card p {
        min-width: 0;
        max-width: 100%;
        overflow-wrap: break-word;
        word-break: normal;
        white-space: normal;
    }
}

.tariff-pc-block {
    margin-top: 1.2rem;
}

.tariff-pc-block--united.row {
    --bs-gutter-x: 2rem;
    margin-top: 1.5rem;
    margin-right: 0;
    margin-left: 0;
    padding: clamp(1.35rem, 3vw, 2rem);
    background: #f4f8fb;
    border: 1px solid #d9e7f1;
    border-radius: 24px;
}

.tariff-pc-block--united > [class*="col-"]:first-child {
    display: flex;
    align-items: center;
}

.tariff-pc-block--united > [class*="col-"]:first-child .tariff-pc-card {
    width: 100%;
}

.tariff-pc-block--united > [class*="col-"]:first-child h3 {
    margin: 0;
}

.tariff-pc-block--united .tariff-pc-card {
    height: auto;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.tariff-pc-block--united .sb-table > div {
    padding: 0;
    border: 1px solid #d9e7f1;
    border-radius: 16px;
    box-shadow: none;
}

.tariff-pc-card {
    height: 100%;
    padding: clamp(1.35rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
}

.tariff-pc-card--soft {
    background: var(--soft);
    border: 1px solid var(--line);
}

.tariff-pc-card--deep,
.tariff-pc-card--dark {
    color: var(--brand-white);
}

.tariff-pc-card--deep {
    background: var(--brand-blue-deep);
}

.tariff-pc-card--dark h3 {
    color: var(--brand-white);
}

.tariff-pc-card h3 {
    margin-bottom: 1rem;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-weight: 850;
    line-height: 1.15;
}

.tariff-pc-card__before {
    margin-bottom: 1rem;
}

.tariff-pc-card__content .sb-table {
    width: 100%;
}

.tariff-pc-block--dark .tariff-pc-card:not(.fit-card):not(.salary-fit-card):not(.included-card):not(.salary-copy-card) {
    color: #fff;
}

.tariff-pc-block--dark .tariff-pc-card:not(.fit-card):not(.salary-fit-card):not(.included-card):not(.salary-copy-card) h3 {
    color: #fff;
}

.fit-card,
.included-card,
.extras-card,
.salary-copy-card,
.salary-fit-card {
    height: 100%;
    padding: clamp(1.35rem, 3vw, 2rem);
    border-radius: 24px;
}

.fit-card {
    color: #fff;
    background:
        radial-gradient(circle at 88% 8%, rgba(255, 255, 255, .12), transparent 25%),
        linear-gradient(145deg, var(--brand-blue-deep), #075f9c);
    box-shadow: 0 20px 50px rgba(5, 47, 82, .18);
}

.fit-card h3,
.included-card h3,
.extras-card h3,
.salary-copy-card h3,
.salary-fit-card h3,
.tariff-pc-card h3 {
    margin-bottom: 1rem;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-weight: 850;
    line-height: 1.15;
}

.fit-card p {
    margin: 0;
    color: rgba(255, 255, 255, .78);
}

.included-card {
    background: #fff;
    border: 1px solid var(--line);
    box-shadow: 0 18px 50px rgba(9, 56, 91, .07);
}

.extras-card {
    display: grid;
    grid-template-columns: minmax(230px, .8fr) 2.2fr;
    gap: 2rem;
    margin-top: 1.5rem;
    background: #f4f8fb;
    border: 1px solid var(--line);
}

.extras-title {
    align-self: center;
}

.extras-title h3 {
    margin: 0;
}

.program-price-card {
    display: grid;
    grid-template-areas:
        "label price"
        "meta price";
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .35rem 2.25rem;
    align-items: center;
    padding: clamp(1.3rem, 3vw, 2rem);
    color: #fff;
    background: linear-gradient(120deg, var(--brand-blue), #0a86ca);
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(10, 112, 184, .2);
}

.program-price-card > div {
    display: contents;
}

.program-price-card span {
    grid-area: label;
    font-size: 1.06rem;
    font-weight: 750;
}

.program-price-card strong {
    grid-area: price;
    min-width: max-content;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.05em;
}

.program-price-card p {
    grid-area: meta;
    margin: 0;
    color: rgba(255, 255, 255, .77);
    line-height: 1.45;
    text-align: left;
}

.tariff-pc-card hr {
    display: block;
    width: 100%;
    height: 1px;
    margin: 1.5rem 0;
    border: 0;
    background: rgba(255, 255, 255, .18);
    opacity: 1;
}

.tariff-section.salary-section {
    position: relative;
    color: var(--brand-white);
    background:
        radial-gradient(circle at 90% 0, color-mix(in srgb, var(--brand-blue) 45%, transparent), transparent 29%),
        linear-gradient(145deg, var(--brand-blue-deep), var(--brand-blue-dark));
    overflow: hidden;
}

.tariff-section.salary-section .sb-table > div {
    padding: clamp(.85rem, 2vw, 1.4rem);
    background: rgba(255, 255, 255, .98);
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 26px;
    box-shadow: 0 28px 70px rgba(0, 20, 38, .28);
}

.tariff-section.salary-section .sb-table > div + p {
    color: #53687a;
    background: #edf4f8;
}

.tariff-section.salary-section::before {
    position: absolute;
    top: -220px;
    right: -130px;
    width: 560px;
    height: 560px;
    content: "";
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    box-shadow: inset 0 0 0 80px rgba(255, 255, 255, .018);
}

.tariff-section.salary-section .tariff-heading h2 {
    color: #fff;
}

.salary-copy-card {
    color: var(--ink);
    background: #fff;
}

.salary-fit-card {
    color: #fff;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(12px);
}

.salary-fit-card p {
    margin: 0;
    color: rgba(255, 255, 255, .76);
}

@media (max-width: 1199.98px) {
    .tariff-jump a {
        font-size: .78rem;
    }
}

@media (max-width: 991.98px) {
    .tariff-jump-wrap {
        top: 68px;
    }

    .tariff-jump {
        display: flex;
        padding-bottom: .15rem;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .tariff-jump a {
        flex: 0 0 auto;
        min-width: 210px;
    }

    .tariff-section {
        padding: 78px 0;
        scroll-margin-top: 142px;
    }

    .extras-card {
        grid-template-columns: 1fr;
    }

    .tariff-pc-block--united > [class*="col-"]:first-child {
        align-items: flex-start;
    }

}

@media (max-width: 767.98px) {
    .tariff-jump-wrap {
        padding: 9px 0;
    }

    .tariff-heading {
        gap: .9rem;
    }

    .tariff-number {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        font-size: .72rem;
    }

    .tariff-heading h2 {
        font-size: clamp(2rem, 10vw, 3rem);
    }

    .program-price-card {
        grid-template-areas:
            "label"
            "price"
            "meta";
        grid-template-columns: 1fr;
        gap: .65rem;
        align-items: start;
    }
}

@media (max-width: 575.98px) {
    .tariff-section {
        padding: 64px 0;
    }

    .fit-card,
    .included-card,
    .extras-card,
    .salary-copy-card,
    .salary-fit-card,
    .tariff-pc-card {
        border-radius: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tariff-jump a {
        transition: none;
    }
}

/* End */
/* /local/templates/sbbuh/components/bitrix/news.list/tariffs/style.css?179308831613422 */