.elementor-563 .elementor-element.elementor-element-1fbd9ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-9ff6763 */@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap');

.mx-gooey-footer{
  position: relative;
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 3rem;
  overflow: hidden;
}

.mx-gooey-title{
  z-index: 2;
  color: #fff;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  font-size: calc(2vmin + 8px);
  margin: 0;
  padding: 0;
}

.mx-gooey-title span{
  font-weight: 700;
  color: #FFA036;
  text-shadow: 0 0 15px rgba(255,160,54,.4);
}

.mx-gooey-animations{
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 400px;
  bottom: 0;
  left: 0;
  filter: url('#mx-goo');
}

.mx-gooey-animations::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 225px;
  clip-path: url('#mx-wave');
  background-color: #28323B;
}

.mx-ball{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #28323B;
  position: absolute;
  animation: mx-up 5s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
}

/* Τα SVG είναι μόνο για defs/filters, δεν χρειάζεται να φαίνονται */
.mx-gooey-svg, .mx-wave-svg{
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

@media only screen and (max-width: 700px){
  .mx-gooey-animations::after{
    clip-path: none;
    height: 150px;
  }
  .mx-ball{
    animation: mx-up-small 5s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
  }
}

@keyframes mx-up{
  0%   { bottom: 0px;   width: 100px; height: 100px; }
  50%  { bottom: 200px; }
  100% { bottom: 0px;   width: 0px;   height: 0px; }
}

@keyframes mx-up-small{
  0%   { bottom: 0px;   width: 100px; height: 100px; }
  50%  { bottom: 150px; }
  100% { bottom: 0px;   width: 0px;   height: 0px; }
}/* End custom CSS */