/*------------------------------------
  Others
------------------------------------*/

.bg {
  &-with-circles {
    position: relative;

    &::before,
    &::after {
      content: "";
      position: absolute;
      border-radius: 50%;
    }
    &::before {
      bottom: -65%;
      right: 300px;
      width: 342px;
      height: 342px;
      background-color: rgba($white, .1);
    }
    &::after {
      bottom: -45%;
      right: 50px;
      width: 384px;
      height: 384px;
      background-color: rgba($white, .15);
    }
  }
}