.arrow-container {
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  transform: translate(-50%, -50%) rotateZ(180deg);
}
/*.arrow-container:hover {*/
/*  cursor: pointer;*/
/*}*/

.arrow-top-container:hover {
  cursor: pointer;  
}
/*.arrow-container:hover .arrow {*/
/*  top: 90%;*/
/*}*/
/*.arrow-container:hover .arrow:before {*/
/*  transform: translate(-50%, -50%) rotateZ(-30deg);*/
/*}*/
/*.arrow-container:hover .arrow:after {*/
/*  transform: translate(-50%, -50%) rotateZ(30deg);*/
/*}*/
.arrow {
  position: absolute;
  left: 50%;
  transition: all 0.4s ease;
}
.arrow:before, .arrow:after {
  transition: all 0.4s ease;
  content: "";
  display: block;
  position: absolute;
  transform-origin: bottom right;
  background: #fec70b;
  width: 7px;
  height: 50px;
  border-radius: 10px;
  transform: translate(-50%, -50%) rotateZ(-55deg);
}
.arrow:after {
  transform-origin: bottom left;
  transform: translate(-50%, -50%) rotateZ(55deg);
}
.arrow:nth-child(1) {
  /*opacity: 50%;*/
  /*top: 35%;*/
}
.arrow:nth-child(2) {
  opacity: 0.66;
  top: 55%;
}
.arrow:nth-child(3) {
  opacity: 0.85;
  top: 75%;
}
.arrow-top-container{
    display: block;
    position: fixed;
    /* z-index: 10001; */
    right: 50%;
    Bottom: 4.5rem;
}    

#arrow-top{
 display:none;
}

 @media (max-width:1000px) {
.arrow:before, .arrow:after {
 height: 30px;   
}
/*.arrow-top-container{*/
/*  Bottom: 15%;*/
/*  right: 12%;*/
/*}*/

 }