.achievements {
  padding-top: 190px;
  overflow-x: hidden;
}
@media only screen and (max-width: 1400px) {
  .achievements {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 860px) {
  .achievements {
    padding-top: 40px;
  }
}
.achievements .list {
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: "n_one n_one n_two n_three";
}
@media only screen and (max-width: 1620px) {
  .achievements .list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "n_one n_two n_three";
  }
}
@media only screen and (max-width: 1620px) and (max-width: 860px) {
  .achievements .list {
    display: flex;
    flex-direction: column;
  }
}
.achievements .list .block {
  padding: 40px 25px;
  background: #f5f6f8;
  border-radius: 20px;
  gap: 40px;
}
@media only screen and (max-width: 1100px) {
  .achievements .list .block {
    gap: 20px;
  }
}
@media only screen and (max-width: 860px) {
  .achievements .list .block {
    padding: 25px;
    gap: 10px;
  }
}
@media only screen and (max-width: 1620px) {
  .achievements .list .block .text {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1100px) {
  .achievements .list .block .text {
    font-size: 16px;
  }
}
.achievements .list .block.b1 {
  grid-area: n_one;
}
.achievements .list .block.b1 .text {
  max-width: 464px;
}
.achievements .list .block.b2 {
  grid-area: n_two;
}
.achievements .list .block.b3 {
  grid-area: n_three;
}
.achievements .list .block .number {
  font-family: TTB;
}
.achievements .list .block .number::before {
  content: ">";
  color: var(--c5);
}/*# sourceMappingURL=achievements.css.map */