: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);
        }
      }
    }
  } 
}

@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;
    }
  }
}

@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);
  }
}

@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;
    }
  }
}

@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;
  }
}

@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 */
