.elementor-4571 .elementor-element.elementor-element-34f3dea{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-14ddc38 */.flechaanimada{
    width: 63px;
    height: 63px;
    border-radius: 100%;
    border: solid 2px #B4B9A4;
    padding: 5px;
}

.flechaanimada > .circulo2{
    height: 100%;
    width: 100%;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flechaanimada svg{
    position: absolute;
    bottom: 20px;
    animation: move_918 2.5s linear infinite;
}

@keyframes move_918 {
  0% {
    bottom: 20px;
  }

  33% {
    bottom: 22px;
  }

  66% {
    bottom: 15px;
  }

  100% {
    bottom: 20px;
  }
}

@media(max-width:1024px){
    .flechaanimada{
        width: 60px;
        height: 60px;
    }
    
    .flechaanimada svg{
        width: 26px;
        height: 26px;
        animation: move_918m 1.2s linear infinite;
        bottom: 17px;
    }
}

@keyframes move_918m {
  0% {
    bottom: 17px;
  }

  33% {
    bottom: 20px;
  }

  66% {
    bottom: 14px;
  }

  100% {
    bottom: 17px;
  }
}/* End custom CSS */