.list-block {
  gap: 1.5rem;
}

.list-block .list-block__column {
  flex: 1 1 50%;
}

.list-block .list-block__sidebar {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}

.list-block .list-block__sidebar {
  padding: 3.75rem 3.75rem 0 3.75rem;
  border-radius: 0.5rem;
  border: 1px solid #e4e2e7;
  background-color: var(--purple-300, #f9f8fc);
}

.list-block .list-block__sidebar .body {
  margin-top: 1rem;
}

.list-block .list-block__sidebar .list-block__button {
  margin-top: 2.5rem;
}

.list-block .list-block__content .list-block__item + .list-block__item {
  margin-top: 1.5rem;
}

.list-block .list-block__item {
  padding: 2rem;
  border: 1px solid var(--black-400, rgba(26, 24, 36, 0.1));
  background: var(--purple-300, #f9f8fc);
  border-radius: 0.5rem;
  gap: 1.5rem;
}

.list-block .list-block__item img {
  width: 3.25rem;
  height: 3.25rem;
  flex-shrink: 0;
}

.list-block .list-block__item .heading {
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 1023px) {
  .list-block .list-block__sidebar {
    padding: 3.75rem;
  }
}

@media screen and (max-width: 767px) {
  .list-block {
    gap: 3.75rem;
  }

  .list-block .list-block__column {
    flex: 1 1 auto;
  }

  .list-block .list-block__sidebar {
    padding: 1.5rem;
    border-radius: 0.5rem;
  }

  .list-block .list-block__sidebar .list-block__button {
    margin-top: 2.625rem;
  }

  .list-block .list-block__content .list-block__item + .list-block__item {
    margin-top: 1rem;
  }

  .list-block .list-block__item {
    padding: 1.5rem;
    gap: 1rem;
  }

  .list-block .list-block__item img {
    width: 2.625rem;
    height: 2.625rem;
  }

  .list-block .list-block__item .heading {
    margin-bottom: 0.5rem;
  }
}