.statistics {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 64px 32px;
}
@media (max-width: 680px) {
  .statistics {
    gap: 32px;
  }
}

.statistics__item {
  flex: 1;
}
@media (max-width: 950px) {
  .statistics__item {
    flex: 100%;
  }
}

.statistics__graf {
  width: 132px;
  height: 132px;
  margin: 0 auto 32px;
  border-radius: 50%;
  background: var(--element);
  position: relative;
}
@media (max-width: 950px) {
  .statistics__graf {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 680px) {
  .statistics__graf {
    width: 132px;
    height: 132px;
    margin-bottom: 16px;
  }
}

.statistics__persent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #fff;
  width: 84px;
  height: 84px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}
@media (max-width: 950px) {
  .statistics__persent {
    width: 126px;
    height: 126px;
  }
}
@media (max-width: 680px) {
  .statistics__persent {
    width: 84px;
    height: 84px;
  }
}

.statistics__circle {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
}
@media (max-width: 950px) and (min-width: 681px) {
  .statistics__circle {
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
}
.statistics__circle circle {
  stroke: var(--element2);
  transition: 2s linear;
}
@media (max-width: 950px) and (min-width: 681px) {
  .statistics__circle circle {
    stroke-width: 20px;
  }
}

@media (max-width: 1023px){
    .service-one-slider .button {
        display: none;
    }
    .service-one__nav {
        justify-content: flex-end;
    }
}