
section[data-module="az-animation-wave"] {

      z-index: 200;
}


section[data-module="az-animation-wave"] div.waves{
        width: 100%;
        bottom: 0;
        /*height: 100%;*/
        position: absolute;
        z-index: 99;
      }
section[data-module="az-animation-wave"] .tutorial-link{
        font-family: sans-serif;
        text-align: center;
        color: #f3f3f3;
      }

      section[data-module="az-animation-wave"] .tutorial-link h2{
        background: linear-gradient(90deg, #00b4db 0%, #224488 50%, #0083b0 100%);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        
      }
section[data-module="az-animation-wave"] .tutorial-link a{
        text-decoration: none;
        background: linear-gradient(90deg, #00b4db 0%, #224488 50%, #0083b0 100%);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        
      }


.transform-rotate svg {
        transform: rotate(180deg);
      }
.transform-flip-x svg {
        transform: scaleX(-1) !important;
      }
      
.transform-flip-y svg {
        transform: scaleY(-1);
      }
      

      
      section[data-module="az-animation-wave"] svg{
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        animation-name: move-left;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
      }
      section[data-module="az-animation-wave"] .spacer{
        height: 100px;
        width: 100%;
      }
      
      @keyframes example {
        0%   {
          left:0px;
          top:0px;}
        
        50%  {
          left:-2000px;
          top:200px;}
        
        100% {
          left:0px; 
          top:0px;}
      }





@media only screen and (max-width: 1440px) and (min-width: 1200px) {

}

@media (min-width: 768px) and (max-width: 980px) {

}
@media (max-width: 480px) {
 
}

