.about-block {
  padding: 40px 0 80px;
}
.about-wrap {
  display: flex;
  justify-content: space-between;
}
.about-image {
  width: 46.1%;
  margin-right: 60px;
  position: sticky;
  top: 162px;
  height: 100%;
}
.about-image:before {
  content: "";
  padding-bottom: 74%;
  display: block;
}
.about-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-content {
  flex: 1;
}
.about-number {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 60px;
  width: 71%;
  margin-top: 40px;
}
.about-number__value {
  --color: var(--main);
  margin-bottom: 5px;
}
.about-button-wrap {
  margin-top: 40px;
  display: flex;
  gap: 30px;
}
.about-button:nth-child(2) {
  --background: transparent;
  --color: var(--main);
  --backgroundHover: var(--main);
  --colorHover: #fff;
}

@media (max-width: 1024px) {
  .about-number {
    width: 100%;
  }
  .about-image {
    width: 40%;
    margin-right: 30px;
    top: 100px;
  }
}
@media (max-width: 992px) {
  .about-button-wrap {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .about-wrap {
    flex-direction: column-reverse;
  }
  .about-image {
    margin: 30px auto 0;
    width: 70%;
  }
}
@media (max-width: 592px) {
  .about-image {
    width: 90%;
  }
  .about-number {
    width: 100%;
    gap: 30px 20px;
    grid-template-columns: 1fr;
  }
  .about-button-wrap {
    flex-direction: column;
  }
  .about-button {
    width: 100%;
  }
}/*# sourceMappingURL=block.css.map */