.articles {
  .container {
    .cases {
      margin-bottom: 48px;

      @media (max-width: 1024px) {
        margin-bottom: 32px;
      }
    }

    .double-title {
      display: flex;
      align-items: flex-end;
      gap: 24px;
      margin-bottom: 40px;

      @media (max-width: 1024px) {
        flex-direction: column;
        align-items: flex-start;
      }

      h2 {
        line-height: 80%;
        margin: 0;
        font-size: var(--fs-3xl);
      }

      .text {
        @media (max-width: 1024px) {
          width: 210px;
        }

        p {
          margin: 0;
        }
      }
    }
  }
}