.circles {
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 480px) {
  .circles {
    display: none;
  }
}
.circle--1 {
  font-size: 80rem;
  color: #2890e5;
  opacity: 0.1;
  position: absolute;
  top: -40rem;
  left: -50rem;
}
.circle--2 {
  font-size: 110rem;
  color: #428533;
  opacity: 0.1;
  position: absolute;
  top: -45rem;
  left: -85rem;
}
.circle--3 {
  font-size: 110rem;
  color: #428533;
  opacity: 0.25;
  position: absolute;
  top: -35rem;
  right: -90rem;
}
.circle--4 {
  font-size: 130rem;
  color: #01579b;
  opacity: 0.05;
  position: absolute;
  top: -50rem;
  right: -75rem;
}
.circle--5 {
  font-size: 80rem;
  color: #01579b;
  opacity: 0.1;
  position: absolute;
  top: -45rem;
  right: -40rem;
}
.circle__wrapper {
  height: 1000px;
  border: 1px solid #aeb5b8;
  position: relative;
}