#how-we-work .work_inner, #about .container{
  visibility: hidden;
}
@keyframes sonarEffect {
  0% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.7;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 1), 0 0 10px 10px rgba(255, 255, 255, 1), 0 0 0 10px rgba(255, 255, 255, 1);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 1), 0 0 10px 10px rgba(255, 255, 255, 1), 0 0 0 10px rgba(255, 255, 255, 1);
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes waves {
  0%,100%{
    clip-path: polygon(0 8%, 7% 6%, 14% 5%, 21% 5%, 28% 6%, 34% 8%, 40% 12%, 46% 17%, 50% 20%, 54% 23%, 60% 25%, 66% 26%, 70% 26%, 77% 25%, 83% 23%, 89% 21%, 95% 19%, 100% 17%, 100% 100%, 0% 100%);
  }
  50% {
    clip-path: polygon(0 15%, 9% 21%, 14% 23%, 18% 25%, 21% 26%, 30% 28%, 32% 28%, 40% 27%, 46% 26%, 52% 23%, 57% 19%, 62% 15%, 68% 11%, 73% 8%, 79% 6%, 86% 5%, 93% 5%, 100% 6%, 100% 100%, 0% 100%);
  }
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 var(--hover); }
}
@keyframes done {
    10%  { transform: scale(1.10); }
    20%  { transform: scale(0.90); }
    30%  { transform: scale(1.07); }
    40%  { transform: scale(0.93); }
    50%  { transform: scale(1.04);}
    60%  { transform: scale(0.97);}
    80%  { transform: scale(1.01);}
    90%  { transform: scale(0.99);}
    100% { transform: scale(1);} 
}
@keyframes spin {
    100% { 
      -webkit-transform: rotate(360deg); 
    }
}