.news-box {
  display: grid;
  grid-template-columns: minmax(350px, 445px) auto;
  grid-template-areas: "content feed";
  grid-gap: 25px;
  padding: 80px 40px 120px 40px;

  &__content {
    grid-area: content;
    max-width: 350px;

    &-title {
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 100%;
      color: #8a6d3b;
      margin-bottom: 12px;
    }
    ul > li, ol > li {
      font-style: normal;
      font-weight: normal;
      font-size: 1rem;
      line-height: 140%;
      color: #1a1a1c;
      margin-bottom: 12px;
    }
    ul > li {
      list-style: inside;
    }
    ol {
      padding-left: 1.25rem;
    }
    .main-new {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 15;
      -webkit-box-orient: vertical;
      line-clamp: 15;
      box-orient: vertical;
    }
  }
  &__feed {
    grid-area: feed;

    &-title {
      font-style: normal;
      font-weight: 600;
      font-size: 30px;
      line-height: 100%;
      color: #1a1a1c;
      margin-bottom: 15px;
    }
    & .feed__container {
      & .tabs {
        & .tab {
          display: inline-block;
          font-style: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 100%;
          color: #1a1a1c;
          border: 1px solid #1b376c;
          border-radius: 24px;
          padding: 8px 15px;
          cursor: pointer;
          transition: all .2s;
          margin-bottom: 10px;
          &:hover {
            @extend .active;
          }
          &.active {
            color: #8a6d3b;
            border-color: #8a6d3b;
          }
          .news-box--main &.active {
            color: #9B410E;
            border-color: #9B410E;
          }
        }
      }
    }
  }
  &__news {
    margin-bottom: 25px;

    &-title {
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 110%;
      letter-spacing: -0.02em;
      color: #1a1a1c;
      margin-bottom: 16px;
    }
    &-content {
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 140%;
      color: #1a1a1c;
      margin-bottom: 12px;
    }
    &-date {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 100%;
      color: #828282;
    }
  }
}