.page-indicator {
      position: fixed;
      right: 30px;
      bottom: 30px;
      width: 60px;
      height: 60px;
      opacity: 0;
      cursor: pointer;

    }

    .page-indicator:after {
      content: '';
      background-image: url(assets/images/arrow-top.svg);
      background-size: contain;
      background-position: center;
      width: 30px;
      height: 30px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }

    .page-indicator svg {
      transform: rotate(-90deg);
    }

    .page-indicator circle {
      fill: none;
      stroke-width: 2;
    }

    .page-indicator circle.bg {
      stroke: #ddd;
    }

    .page-indicator circle.progress {
      stroke: #d97629;
      stroke-linecap: round;
      stroke-dasharray: 163;
      stroke-dashoffset: 163;
    }