.docs .docs__content {
  display: grid;
  grid-template-columns: 540px auto;
  gap: 140px;
}

.docs .bg-gray {
  padding: 100px 45px;
  margin-left: -45px;
  margin-right: -45px;
  max-width: 1870px;
}

.docs .docs__container {
  margin-top: 0;
  max-width: 876px;
}

.docs .docs__content .docs__list {
  margin-top: 0;
}

@media screen and (max-width: 1899px) {
  .docs .docs__content {
    grid-template-columns: minmax(max-content, 540px) auto;
  }
}

@media screen and (max-width: 1419px) {
  .docs .docs__content {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .docs .docs__content {
    gap: 40px;
  }
  .docs .docs__list-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}