:root {
    --te-color-static-base-bg: #fff;
    --te-color-static-text-900: #2e2e2e;
    --te-color-static-link: #202020;
}

@media screen and (max-width: 1440px) {
    te-wysiwyg {
        .titleMontserrat {
            font-family: "Montserrat", Tahoma, serif !important;
            font-size: 56px !important;
            line-height: 55px !important;
            font-weight: 700 !important;
            letter-spacing: -3px !important;
            color: #fff !important;
        }
    }

    .main-banner-wysiwyg {
        &.solid {

            h1,
            h2 {
                font-size: 66px !important;
                line-height: 62px !important;
                letter-spacing: -2.1px !important;
            }
        }

        &.wiggle {

            h1,
            h2 {
                font-size: 66.6px !important;
                line-height: 67.5px !important;
            }
        }
    }

    .quote {
        margin-right: 0;
    }

    .substrate {
        padding: 56px 66px 47px;
    }

    .management-wysiwyg,
    .architecture-wysiwyg,
    .development-wysiwyg {
        .p-large {
            margin-bottom: 38px;
        }
    }

    .management-wysiwyg {
        ul {
            margin-bottom: 40px;
            max-width: 569px;

            li:has(figure) {
                right: -50px;
            }
        }
    }

    .architecture-wysiwyg {
        .list-substrate {
            padding: 48px 31px 47px 46px
        }

        .paragraph-breaker {
            margin-top: 18px;
        }
    }

    .education-wysiwyg {
        &.narrow {
            display: block;
            width: 100%;
            max-width: 830px;
        }
    }

    .job-search-container .career-wysiwyg {
        h1 {
            .career-title-highlight {
                padding: 0;
                box-shadow:
                    5px 0 0 var(--te-color-accent-yellow),
                    -5px 0 0 var(--te-color-accent-yellow),
                    5px 11px 0 var(--te-color-accent-yellow),
                    -5px 11px var(--te-color-accent-yellow);

                .smaller & {
                    box-shadow:
                        5px 0 0 var(--te-color-accent-yellow),
                        -5px 0 0 var(--te-color-accent-yellow);
                }
            }
        }
    }


    .main-page-v3-case-announcement {
        font-size: 16px;
    }

    .main-page-v3_feature-content {
        font-size: 16px;

        li {
            font-size: 20px;
            line-height: 28px;
            letter-spacing: -0.1px;
        }

        .accent {
            font-size: 40px;
        }
    }
}

@media screen and (max-width: 1280px) {

    /* лендинг DevOps-услуг */
    .devops-wysiwyg .devops-wrapped-list {
        height: fit-content;
    }

    .devops-wysiwyg .devops-wrapped-higher-list {
        height: auto;
    }

    .devops-wysiwyg .devops-wrapped-higher-list li {
        max-width: 100%;
    }

    .wysiwyg-article {
        .definition {
            margin-right: 0;
        }
    }

    .substrate,
    p:has(img) {
        width: 765px;
    }

    .management-wysiwyg {
        ul {
            max-width: 552px;

            li:has(figure) {
                /* 1025px --> 402px; */
                /* 1280px --> 434px; */
                max-width: calc(12.5vw + 274px);

                /* 1025px --> 1px; */
                /* 1280px --> -50px; */
                right: calc(206px - 20vw)
            }
        }

        p {
            max-width: 600px;
        }
    }

    .services-diagram p {
        font-size: 16px;
    }

    .services-diagram-highlight {
        font-size: 16px;
        line-height: 150%;
    }

    .education-wysiwyg {
        &.narrow {
            display: block;
            width: 100%;
            max-width: 710px;
        }
    }
}

@media screen and (max-width: 1200px) {
    te-wysiwyg {
        .title {
            font-size: 56px !important;
            line-height: 72px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900) !important;
        }

        h1 {
            font-size: 48px !important;
            line-height: 64px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
        }

        h2 {
            font-size: 40px !important;
            line-height: 56px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
        }

        h3 {
            font-size: 32px !important;
            line-height: 48px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900) !important;
        }

        h4 {
            font-size: 28px !important;
            line-height: 40px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900) !important;
        }

        h5 {
            font-size: 20px !important;
            line-height: 32px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900) !important;
        }

        &.wysiwyg-article h5 {
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .text-xlarge {
            font-size: 22px !important;
            line-height: 34px !important;
            font-weight: 500 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        .text-large {
            font-size: 20px !important;
            line-height: 32px !important;
            font-weight: 500 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        p,
        ul,
        ol {
            font-size: 16px;
            line-height: 24px;
            font-weight: 500;
            letter-spacing: -0.01em;
            color: var(--te-color-static-text-900);
        }

        .text-medium-semi {
            font-size: 16px !important;
            line-height: 24px !important;
            font-weight: 500 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        .text-small {
            font-size: 14px !important;
            line-height: 22px !important;
            font-weight: 500 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        .subtext {
            font-size: 12px !important;
            line-height: 20px !important;
            font-weight: 500 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        table {
            border-spacing: 0 24px;
            border-collapse: unset;
            font-size: 15px !important;
            line-height: 150% !important;
            font-weight: 500 !important;
            letter-spacing: -0.02em !important;
            color: var(--te-color-static-text-900) !important;
        }
    }

    .career-wysiwyg {
        .career-big {
            font-size: 64px;
        }
    }

    .job-wysiwyg li {
        margin-left: 24px;

        &::before {
            top: 9px;
            left: -15px;
            width: 6px;
            height: 6px;
        }
    }
}

@media (max-width: 1024px) {
    te-wysiwyg {
        .title {
            font-size: 48px !important;
            line-height: 64px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900) !important;
        }

        .tab-M-analytic {
            font-size: 20px !important;
            line-height: 32px !important;
            font-weight: 600 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        .button-24-bold {
            font-size: 20px !important;
            line-height: 32px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        .titleMontserrat {
            font-size: 46px !important;
            line-height: 49px !important;
            font-weight: 700 !important;
            letter-spacing: -2px !important;
            color: #fff !important;
        }
    }

    .info-container .info-item p {
        color: #000;

        /* Text M */
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        /* 24.8px */
        letter-spacing: -0.1px;
    }

    .main-banner-wysiwyg {

        &.solid,
        &.wiggle {

            h1,
            h2 {
                font-size: 50px !important;
                line-height: 50px !important;
            }
        }

        &.crossing {

            h1,
            h2 {
                font-size: 42px !important;
                line-height: 45px !important;
            }
        }
    }

    .wysiwyg-article h2 {
        margin-bottom: 30px;
    }

    .wysiwyg-article h4 {
        margin-bottom: 24px;
    }

    .substrate,
    p:has(img) {
        width: 680px;
    }

    .marked-list-wysiwyg {
        te-architecture-page & {
            &.marked-list-check p {
                font-size: 32px;
                line-height: 48px;
            }
        }
    }

    .management-wysiwyg {
        ul {
            margin-bottom: 45px;

            li:has(figure) {
                position: relative;
                margin-top: 45px;
                top: initial;
                right: initial;
                transform: none;
                max-width: 434px;
            }
        }

        p,
        ul {
            max-width: 600px;
        }
    }

    .architecture-wysiwyg {
        .paragraph-breaker {
            margin-top: 20px;
        }
    }

    .services-diagram p {
        &.desktop {
            display: none;
        }

        &.mobile {
            display: block;
        }
    }

    .education-wysiwyg {
        &.narrow {
            display: block;
            width: 100%;
            max-width: 100%;
        }

        &.diagram p {
            font-size: 14px;
            line-height: 21px;
        }
    }

    .career-wysiwyg {
        .career-big {
            font-size: 48px;
        }

        h3 {
            font-size: 64px !important;
        }

        .career-small {
            font-size: 40px !important;
        }
    }

    .job-search-container .career-wysiwyg {
        h1 {
            font-size: 40px !important;
        }
    }

    .design-case-banner-wysiwyg p {
        font-family: "RalewayNum", Tahoma, serif !important;
        font-size: 24px !important;
        line-height: 32px !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
        color: var(--te-color-accent-black) !important;
        margin: 0;
    }
}

@media screen and (max-width: 992px) {

    .wysiwyg-article,
    .case-announcement {
        h2 {
            margin-top: 20px;
        }

        h2,
        h3,
        h4,
        p,
        ol,
        ul,
        .definition {
            max-width: 583px;
        }

        p:has(img) {
            max-width: none;
        }
    }

    .substrate,
    p:has(img) {
        width: 100%;
    }

    .wysiwyg-article .code-block {
        margin-bottom: 30px;
        width: auto;

        p {
            max-width: none;
        }
    }

    .quote {
        width: calc(100% - 65px);
    }

    .design-case-item-wysiwyg p {
        font-family: "RalewayNum", Tahoma, serif !important;
        font-size: 14px !important;
        line-height: 18px !important;
        font-weight: 500 !important;
        letter-spacing: normal !important;
        color: var(--te-color-accent-black) !important;
        margin: 0;
    }

    .design-case-item-wysiwyg h3 {
        font-family: "RalewayNum", Tahoma, serif !important;
        font-size: 14px !important;
        line-height: 18px !important;
        font-weight: 700 !important;
        letter-spacing: normal !important;
        color: var(--te-color-accent-black) !important;
        margin: 0;
    }
}

@media screeen anx (max-width: 960px) {
    .main-page-v3_feature-content {
        li {
            font-size: 18px;
            line-height: normal;
        }
    }
}

@media screen and (max-width: 768px) {
    .main-banner-wysiwyg {
        &.solid {

            h1,
            h2 {
                font-size: 42px !important;
                line-height: 46px !important;
                letter-spacing: -1.75px !important;
            }
        }

        &.wiggle {

            h1,
            h2 {
                font-size: 42px !important;
                line-height: 50px !important;
            }
        }

        &.crossing {

            h1,
            h2 {
                font-size: 32px !important;
                line-height: 35px !important;
            }
        }
    }

    .wysiwyg-article h4 {
        margin-bottom: 30px;
    }

    .wysiwyg-article .code-block {
        p {
            max-width: none;
        }

        code {
            font-size: 14px;
        }
    }

    .management-wysiwyg,
    .architecture-wysiwyg,
    .development-wysiwyg {
        &.intro-description p {
            font-size: 28px;
            line-height: 160%;
        }

        .p-big {
            font-size: 20px;
        }

        .p-huge {
            font-size: 28px;
            line-height: 45px;
        }
    }

    .marked-list-wysiwyg {
        te-architecture-page & {
            &.marked-list-check p {
                font-size: 28px;
                line-height: 45px;
            }
        }
    }

    .architecture-wysiwyg {
        .list-heading {
            font-size: 22px !important;
        }

        .paragraph-breaker {
            margin-top: 40px;
        }
    }

    .services-diagram p {
        font-size: 14px;
    }

    .services-diagram-highlight {
        font-size: 14px;
    }

    .education-wysiwyg {
        &.narrow {
            display: block;
            width: 100%;
            max-width: 100%;
        }

        &.diagram.odd p {
            text-align: right;
        }

        &.diagram p {
            font-size: 13.86px;
            font-weight: 500;
            line-height: 20.79px;
            letter-spacing: -0.087px;
        }
    }

    .career-wysiwyg {
        h2 {
            font-size: 32px !important;
        }

        h3 {
            font-size: 48px !important;
        }

        .career-small {
            font-size: 32px !important;
        }
    }

    .job-search-container .career-wysiwyg {
        h1 {
            font-size: 32px !important;
            line-height: 150% !important;

            .career-title-highlight {
                box-shadow:
                    5px -11px 0 var(--te-color-accent-yellow),
                    -5px -11px 0 var(--te-color-accent-yellow),
                    5px 11px 0 var(--te-color-accent-yellow),
                    -5px 11px var(--te-color-accent-yellow);
            }
        }

        h3 {
            font-size: 24px !important;
            line-height: 28px !important;
            letter-spacing: 0.001em !important;
        }
    }

    .design-case-banner-wysiwyg p {
        font-family: "RalewayNum", Tahoma, serif !important;
        font-size: 20px !important;
        line-height: 28px !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
        color: var(--te-color-accent-black) !important;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    te-wysiwyg {
        h1 {
            font-size: 40px !important;
            line-height: 56px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
        }

        h2 {
            font-size: 32px !important;
            line-height: 48px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
        }

        h3 {
            font-size: 28px !important;
            line-height: 40px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900) !important;
        }

        h4 {
            font-size: 20px !important;
            line-height: 32px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900) !important;
        }

        h5 {
            font-size: 20px !important;
            line-height: 32px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900) !important;
        }

        .button-24-bold {
            font-size: 16px !important;
            line-height: 24px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        .text-xlarge {
            font-size: 20px !important;
            line-height: 32px !important;
            font-weight: 500 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        .text-large {
            font-size: 16px !important;
            line-height: 24px !important;
            font-weight: 500 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        p,
        ul,
        ol {
            font-size: 14px;
            line-height: 22px;
            font-weight: 500;
            letter-spacing: -0.01em;
            color: var(--te-color-static-text-900);
        }

        .text-medium-semi {
            font-size: 14px !important;
            line-height: 22px !important;
            font-weight: 500 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        .text-small {
            font-size: 14px !important;
            line-height: 22px !important;
            font-weight: 500 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        .subtext {
            font-size: 12px !important;
            line-height: 20px !important;
            font-weight: 500 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        table {
            border-spacing: 0 24px;
            border-collapse: unset;
            font-size: 14px !important;
            line-height: 150% !important;
            font-weight: 500 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900) !important;
        }

        ul.two-columns,
        ol.two-columns {
            columns: 1;
            -webkit-columns: 1;
            -moz-columns: 1;
        }

        .titleMontserrat {
            font-size: 42px !important;
            line-height: 42px !important;
            font-weight: 700 !important;
            letter-spacing: -1px !important;
            color: #fff !important;
        }
    }

    .info-container .info-item p {
        color: #000;

        /* Text M */
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        /* 24.8px */
        letter-spacing: -0.1px;
    }

    .devops-wysiwyg p,
    ul,
    ol {
        font-size: 18px;
        line-height: 29px;
        font-weight: 500;
        letter-spacing: -0.01em;
        color: var(--te-color-static-text-900);
    }

    .quote {
        grid-template-columns: 100px 1fr;
    }

    .job-wysiwyg li::before {
        top: 8px;
        left: -14px;
    }

    .job-wysiwyg li {
        margin-left: 22px;

        &::before {
            top: 8px;
            left: -14px;
        }
    }
}

@media (max-width: 576px) {
    te-wysiwyg {
        .title {
            font-size: 40px !important;
            line-height: 56px !important;
            font-weight: 700 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900) !important;
        }

        .tab-M-analytic {
            font-size: 16px !important;
            line-height: 24px !important;
            font-weight: 600 !important;
            letter-spacing: -0.01em !important;
            color: var(--te-color-static-text-900);
        }

        .titleMontserrat {
            font-size: 40px !important;
            line-height: 40px !important;
            font-weight: 700 !important;
            letter-spacing: -1px !important;
            color: #fff !important;
        }

        ul.devops-yellow-list li {
            flex-direction: column;
            gap: 15px;

            margin-bottom: 30px;

            &::before {
                margin-top: 0;
            }
        }
    }

    .substrate {
        padding: 47px 43px 36px 47px;
    }

    .management-wysiwyg,
    .architecture-wysiwyg,
    .development-wysiwyg {
        .p-large {
            margin-bottom: 30px;
        }
    }

    .marked-list-wysiwyg {
        te-architecture-page & {
            &.marked-list-check p {
                font-size: 20px;
                line-height: 32px;
            }
        }
    }

    .architecture-wysiwyg {
        .list-substrate {
            padding: 44px 34px 40px 37px
        }

        .list-heading {
            font-size: 20px !important;
            line-height: 32px !important;
        }

        .paragraph-breaker {
            margin-top: 35px;
        }
    }

    .services-diagram p {
        font-size: 10px;
    }

    .services-diagram-highlight {
        font-size: 10px;
    }

    .career-wysiwyg {
        h2 {
            font-size: 28px !important;
            line-height: 120% !important;
        }
    }

    .job-search-container .career-wysiwyg {
        h1 {
            font-size: 28px !important;
            line-height: 40px !important;

            .career-title-highlight {
                box-shadow:
                    5px -7px 0 var(--te-color-accent-yellow),
                    -5px -7px 0 var(--te-color-accent-yellow),
                    5px 11px 0 var(--te-color-accent-yellow),
                    -5px 11px var(--te-color-accent-yellow);
            }
        }

        h3 {
            font-size: 20px !important;
        }
    }

    .team-quote-wysiwyg p {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .team-biography-wysiwyg p {
        font-size: 16px !important;
        line-height: 24.8px !important;
    }

    .design-case-banner-wysiwyg p {
        font-family: "RalewayNum", Tahoma, serif !important;
        font-size: 16px !important;
        line-height: 22px !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
        color: var(--te-color-accent-black) !important;
        margin: 0;
    }
}

@media screen and (max-width: 460px) {
    .main-page-v3-case-announcement {
        font-size: 18px;
    }

    .main-page-v3_feature-content {
        font-size: 18px;

        .accent {
            font-size: 48px;
        }
    }

    .blog-v3-announcement {
        font-size: 18px;
    }
}

@media screen and (max-width: 400px) {
    te-wysiwyg {
        .titleMontserrat {
            font-size: 34px !important;
            line-height: 34px !important;
            font-weight: 700 !important;
            letter-spacing: -1px !important;
            color: #fff !important;
        }
    }

    .main-banner-wysiwyg {
        &.solid {

            h1,
            h2 {
                font-size: 36px !important;
                line-height: 40px !important;
            }
        }

        &.wiggle {

            h1,
            h2 {
                font-size: 36px !important;
                line-height: 40px !important;
            }
        }

        &.crossing {

            h1,
            h2 {
                font-size: 34px !important;
                line-height: 34px !important;
            }
        }
    }

    .devops-wysiwyg .wysiwyg-title {
        font-size: 16px;
        line-height: 32px;
        font-weight: 700;
        letter-spacing: -0.01em;
        color: var(--te-color-static-text-900);
    }

    .devops-wysiwyg .example-text {
        font-size: 16px;
        line-height: 32px;
        font-weight: 500;
        letter-spacing: -0.01em;
        color: var(--te-color-static-text-900);
    }

    .wysiwyg-article h4 {
        margin-bottom: 25px;
    }

    .wysiwyg-article .code-block {
        margin-bottom: 25px;
    }

    .substrate {
        padding: 37px 27px 37px 37px;

        p {
            font-size: 20px !important;
        }
    }

    .quote {
        margin-right: 48px;
        padding-left: 20px;

        grid-template-rows: repeat(3, auto);

        p {
            font-size: 20px !important;
        }
    }

    .marked-list-wysiwyg {
        te-development-page & {
            &.marked-list-check p {
                font-size: 20px;
                line-height: 32px;
            }
        }
    }

    .management-wysiwyg,
    .architecture-wysiwyg,
    .development-wysiwyg {
        &.intro-description p {
            font-size: 20px;
        }

        .p-large {
            font-size: 20px;

            margin-bottom: 50px;
        }

        .paragraph-breaker {
            margin-top: 30px;
        }
    }

    .management-wysiwyg {
        ul {
            margin-bottom: 35px;

            li:has(figure) {
                position: relative;
                margin-top: 40px;
            }
        }

        p,
        ul {
            max-width: 600px;
        }
    }

    .architecture-wysiwyg {
        .list-substrate {
            padding: 40px 23px 35px 25px
        }

        .paragraph-breaker {
            margin-top: 45px;
        }
    }

    .career-wysiwyg {
        h2 {
            font-size: 24px !important;
        }
    }

    .education-wysiwyg {
        &.diagram.even p {
            text-align: right;
        }

        &.diagram p {
            font-size: 12px;
            font-weight: 500;
            line-height: 20px;
            letter-spacing: -0.1px;
        }
    }

    .job-search-container .career-wysiwyg {

        h1,
        .smaller {
            font-size: 24px !important;
            line-height: 150% !important;

            .career-title-highlight {
                border-radius: 4px;
                box-shadow:
                    5px 0 0 var(--te-color-accent-yellow),
                    -5px 0 0 var(--te-color-accent-yellow),
                    5px 6px 0 var(--te-color-accent-yellow),
                    -5px 6px var(--te-color-accent-yellow);
            }
        }

        h3 {
            font-size: 16px !important;
            line-height: 24px !important;
        }
    }
}

/*# sourceMappingURL=wysiwyg_adaptive.css.map */