.elementor-49 .elementor-element.elementor-element-2435a3f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49 .elementor-element.elementor-element-2435a3f, .elementor-49 .elementor-element.elementor-element-2435a3f::before{--border-transition:0.3s;}.elementor-49 .elementor-element.elementor-element-2435a3f.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:7;}.elementor-49 .elementor-element.elementor-element-428da2d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-18px -18px -18px -18px;border-radius:0px 0px 0px 0px;}.elementor-49 .elementor-element.elementor-element-428da2d{width:100%;max-width:100%;}.elementor-49 .elementor-element.elementor-element-428da2d.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-49 .elementor-element.elementor-element-2435a3f{--width:102.264%;}}@media(max-width:1024px) and (min-width:768px){.elementor-49 .elementor-element.elementor-element-2435a3f{--width:747.2px;}}/* Start custom CSS for html, class: .elementor-element-428da2d */.svgwave div.ala {
  background-color:#4478e3;
  margin: -50px 0px 0px 0px;
  padding:0px;
  color: #fff;
  text-align:center;
  width:100%;
  
}
.svgwave div.ala .ala2 {
  text-align:center;
  width:40%;
   display: inline-block;
}

.svgwave svg {
  width:100%;
}
.svgwave .arrow {
  stroke-width: .3px;
  stroke:yellow;
}
.svgwave .topball {
  animation: ball 1.5s ease-in-out;
  animation-iteration-count:infinite;
  animation-direction: alternate;
  animation-delay: 0.3s;
  cursor:pointer;
}

.svgwave .wave {
  animation: wave 3s linear;
  animation-iteration-count:infinite;
  fill: #4478e3;
}
.svgwave .drop {
  fill: transparent;
  animation: drop 5s ease infinite normal;
  stroke: #4478e3;
  stroke-width:0.5;
  opacity:.6; 
  transform: translateY(80%);
}
.svgwave .drop1 {
  transform-origin: 20px 3px;
}
.svgwave .drop2 {
  animation-delay: 3s;
  animation-duration:3s;
  transform-origin: 25px 3px;
}
.svgwave .drop3 {
  animation-delay: -2s;
  animation-duration:3.4s;
  transform-origin: 16px 3px;
}
.svgwave .gooeff {
  	filter: url(#goo);
}
.svgwave #wave2 {
  animation-duration:5s;
  animation-direction: reverse;
  opacity: .6
}
.svgwave #wave3 {
  animation-duration: 7s;
  opacity:.3;
}
@keyframes drop {
  0% {
    transform: translateY(80%); 
    opacity:.6; 
  }
  80% {
    transform: translateY(80%); 
    opacity:.6; 
  }
  90% { 
    transform: translateY(10%) ; 
    opacity:.6; 
  }
  100% { 
    transform: translateY(0%) scale(1.5);  
    stroke-width:0.2;
    opacity:0; 
  }
}
@keyframes wave {
  to {transform: translateX(-100%);}
}
@keyframes ball {
  to {transform: translateY(20%);}
}/* End custom CSS */