.percent {
  width: calc(100% - 30px);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background-color: #eef5ff;
  border-radius: 20px;
  padding: 8rem 0;
  max-width: 1600px;
}
.percent .circle {
  position: absolute;
  width: 500px;
}
.percent .circle1 {
  top: -200px;
  right: -200px;
}
.percent .circle2 {
  bottom: -200px;
  left: -200px;
}
.percent .dish {
  margin: 2rem 0;
  text-align: center;
}
.percent .dish .number {
  font-size: 3rem;
  font-weight: bold;
}
.percent .dish .discription {
  font-size: 1rem;
  font-weight: bold;
}
@media (min-width: 992px) {
  .percent {
    width: calc(100% - 8rem);
    padding: 0;
  }
  .percent .circle {
    width: 400px;
  }
}