@charset "UTF-8";
/* snippet-banner-inside-waves START */
#snippet-banner-inside-waves {
    position:relative;
    text-align:center;
    /*background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);*/
    background: linear-gradient(60deg, rgba(var(--bs-primary-rgb),1) 0%, rgba(var(--bs-secondary-rgb),1) 100%);
    
    .waves {
      position:relative;
      width: 100%;
      margin-bottom:-7px; /*Fix for safari gap*/
      min-height:100px;
      max-height:150px;
    }
    
    /* Animation */
    .parallax > use {
      animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
    }
    .parallax > use:nth-child(1) {
      animation-delay: -2s;
      animation-duration: 7s;
    }
    .parallax > use:nth-child(2) {
      animation-delay: -3s;
      animation-duration: 10s;
    }
    .parallax > use:nth-child(3) {
      animation-delay: -4s;
      animation-duration: 13s;
    }
    .parallax > use:nth-child(4) {
      animation-delay: -5s;
      animation-duration: 20s;
    }
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media screen and (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
}
/* snippet-banner-inside-waves END */