.paragraph--type--list-diseases {
  background: #067c93;
  background: linear-gradient(97deg, #067c93 0, #4180ff 17%, #de7ee3 50%, #ff7b76 69%, #ffae00 100%, #ffae00 100%);
  background-image: url(/sites/default/files/2025-08/image-background.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 10px;
  margin-bottom: 50px
}

.paragraph--type--list-diseases .section-title {
  color: #fff;
  font-size: clamp(17px, 2vw + 1rem, 40px);
  font-weight: 600;
  margin-bottom: 25px
}

.paragraph--type--list-diseases .diseases {
  display: flex;
  flex-wrap: wrap;
  margin-inline: -5px
}

@media (min-width: 600px) {
  .paragraph--type--list-diseases .diseases {
    margin-inline: -10px
  }
}

@media (min-width: 1300px) {
  .paragraph--type--list-diseases .diseases {
    margin-inline: -15px
  }
}

@media (min-width: 1500px) {
  .paragraph--type--list-diseases .diseases {
    margin-inline: -25px
  }
}

.paragraph--type--list-diseases .diseases .item {
  box-sizing: border-box;
  padding-inline: 5px;
  margin-bottom: 10px;
  min-width: 180px
}

@media (max-width: 800px) {
  .paragraph--type--list-diseases .diseases .item {
    flex: 1 1 50%
  }
}

@media (max-width: 480px) {
  .paragraph--type--list-diseases .diseases .item:first-child .paragraph > div:last-child {
    max-width: 14px
  }

  .paragraph--type--list-diseases .diseases .item:nth-child(2) .paragraph > div:last-child {
    max-width: 26px
  }

  .paragraph--type--list-diseases .diseases .item:nth-child(3) .paragraph > div:last-child {
    max-width: 26px
  }

  .paragraph--type--list-diseases .diseases .item:nth-child(4) .paragraph > div:last-child {
    max-width: 20px
  }

  .paragraph--type--list-diseases .diseases .item:nth-child(5) .paragraph > div:last-child {
    max-width: 20px
  }

  .paragraph--type--list-diseases .diseases .item:nth-child(6) .paragraph > div:last-child {
    max-width: 22px
  }

  .paragraph--type--list-diseases .diseases .item:nth-child(7) .paragraph > div:last-child {
    max-width: 18px
  }

  .paragraph--type--list-diseases .diseases .item:nth-child(8) .paragraph > div:last-child {
    max-width: 17px
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .paragraph--type--list-diseases .diseases .item {
    flex: 1 1 33.3333333333%
  }
}

@media (min-width: 801px) {
  .paragraph--type--list-diseases .diseases .item {
    padding-inline: 10px;
    margin-bottom: 20px
  }
}

@media (min-width: 1300px) {
  .paragraph--type--list-diseases .diseases .item {
    padding-inline: 15px;
    margin-bottom: 30px
  }
}

@media (min-width: 1500px) {
  .paragraph--type--list-diseases .diseases .item {
    padding-inline: 25px;
    margin-bottom: 50px
  }
}

@media (min-width: 1200px) {
  .paragraph--type--list-diseases .diseases .item {
    width: 25%
  }
}