/* Scroll-down css */
.scrolldown{
  position: absolute;
  bottom: -20px ;
  left: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-80px) translateX(-50%) rotate(45deg);
  z-index: 8;
}
.scrolldown span {
  position: absolute;
  top : 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-bottom: 3px solid #fff ;
  border-right: 3px solid #fff ;
  animation: scollanimation 1.5s linear infinite;
  opacity: 0;
  
  
}
.scrolldown span:nth-child(1){
  transform: translate(-10px, -10px);
  animation-delay: -0.4s;
}
.scrolldown span:nth-child(2){
  transform: translate(0, 0);
  animation-delay: -0.2s;
}
.scrolldown span:nth-child(3){
  transform: translate(10px, 10px);
  animation-delay: 0s;
}

@media screen and (max-width:768px){
  .scrolldown{
    width: 15px;
    height: 15px;
    /* display: none; */
  }
}


@keyframes scollanimation {
  0%{
    top: -5px;
    left: -5px;
    opacity: 0;
  }
  25%{
    top: 0px;
    left: 0px;
    opacity: 1;
  }
  
  50%,100%{
    top: 5px;
    left: 5px;
    opacity: 0;
  }
}