.scroll-icon {
  text-align: center; }
  .scroll-icon__text {
    color: #6E7881;
    font-size: 15px;
    letter-spacing: -0.015em; }
  .scroll-icon__icon {
    width: 27px;
    height: 45px;
    border: 3px solid #213A53;
    border-radius: 40px;
    margin: 0 auto;
    position: relative; }
    @media (max-width: 991px) {
      .scroll-icon__icon {
        display: none; } }
    .scroll-icon__icon::after {
      content: "";
      width: 4px;
      height: 5px;
      border-radius: 50%;
      background-color: #213A53;
      position: absolute;
      top: 10px;
      left: 0;
      right: 0;
      margin: 0 auto;
      animation: animatedMouseWheel 1.5s infinite; }

@keyframes animatedMouseWheel {
  0% {
    transform: translateY(-3px); }
  50% {
    opacity: .7; }
  100% {
    opacity: 0;
    transform: translateY(5px); } }