.scroll-down-one {
    display: inline-block;
  
    .circle {
      height: 25px;
      width: 18px;
      border-radius: 9px;
      position: relative;
      border: 1px solid #fff;
      box-sizing: border-box;
  
      &::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 6px;
        width: 1px;
        background-color: #fff;
      }
    }
  
    .arrow-cont {
      cursor: pointer;
      position: relative;
      display: inline-block;
      height: 20px;
      width: 20px;
  
      i {
        position: absolute;
        bottom: 0;
        background-size: contain;
        top: 2px;
        left: 0%;
        font-size: 17px;
        color: #fff;
  
        &:nth-child(2) {
          margin-top: 5.5px;
        }
  
        &:nth-child(3) {
          margin-top: 11.5px;
        }
      }
    }
  
    &:hover {
      i {
        animation-name: bounceAlphaUpper;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
  
        &:nth-child(1) {
          animation-delay: 0.4s;
        }
  
        &:nth-child(2) {
          animation-delay: 0.2s;
        }
      }
    }
}