:root {
    --swiper-navigation-color: #D60B51;
  }

  html {
    scroll-behavior: smooth;
  }

  .swiper-button-next:after, .swiper-button-prev:after {
    position:absolute!important;
    z-index: 50!important;
  }
  .swiper-slide-shadow {
    opacity: 0!important;
  }

#animate-move {
    animation: move linear infinite alternate;
    animation-duration: 4s;
}

.animate-appear {
    animation: appear ease-out forwards;
    animation-duration: 1s;
}

.animate-nav:after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: -4px;
    width: 20px;
    height: 4px;
    transition: 0.5s;
}

.animate-nav:hover:after{
    width: 94%;
}

.animateBackground {
  position: relative;
  z-index: 20;
}
.animateBackground:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgb(237, 232, 232);
  opacity: 35%;
  z-index: -50;
  background-image: url('/assets/img/wp11325356.png');
  animation: aitf alternate-reverse infinite 25s linear;
  background-size: 1000px 300px;
}

@keyframes move {
    0% { transform:  translateX(0px);}
    100% { transform:  translateX(50vw);}
}

@keyframes appear {
    0% { opacity: 0;}
    100% { opacity: 1;}
}


@keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 100%; }
}