.factory {
  width: 100%;
  background: #f3f4f9;
}
.factory .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.factory .inner .item {
  width: calc((100% - 40px) / 3);
  margin-bottom: 20px;
}
.factory .inner .item:nth-child(1),
.factory .inner .item:nth-child(2) {
  width: calc((100% - 20px) / 2);
}
.page {
  background: #f3f4f9;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  padding-bottom: 20px;
}
.page .pages {
  display: flex;
  align-items: center;
  gap: 20px;
}
.page .pages .num {
  color: #000000;
  font-family: "DIN Alternate";
  font-weight: 700;
  font-size: 35px;
  line-height: 41px;
}
.page .pages .num-active {
  color: #013fa6;
  font-family: "DIN Alternate";
  font-weight: 700;
  font-size: 35px;
  line-height: 41px;
  text-decoration-line: underline;
  text-underline-offset: 21.5%;
  text-underline-position: from-font;
  text-decoration-skip-ink: auto;
}
@media (max-width: 900px) {
  .factory .inner .item {
    width: calc((100% - 20px) / 2);
  }
  .factory .inner .item:nth-child(1),
  .factory .inner .item:nth-child(2) {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .factory .inner .item {
    width: 100%;
  }
  .factory .inner .item:nth-child(1),
  .factory .inner .item:nth-child(2) {
    width: 100%;
  }
}