.elementor-5998 .elementor-element.elementor-element-728e3f87{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-5998 .elementor-element.elementor-element-728e3f87:not(.elementor-motion-effects-element-type-background), .elementor-5998 .elementor-element.elementor-element-728e3f87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#353535;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5998 .elementor-element.elementor-element-34d59490 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-5998 .elementor-element.elementor-element-34d59490{text-align:center;}.elementor-5998 .elementor-element.elementor-element-34d59490 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-5998 .elementor-element.elementor-element-b162c40{--display:flex;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-5998 .elementor-element.elementor-element-342394f > .elementor-widget-container{padding:0px 0px 0px 0px;}/* Start custom CSS for container, class: .elementor-element-728e3f87 */.elementor-element-8a1d205 {
  position: relative;
  z-index: 1;
  width: 100%;
  background-color: #353535;
}

.elementor-element-8a1d205::before,
.elementor-element-8a1d205::after {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  z-index: -1;
  opacity: 0;
  animation-duration: 13s; /* 8s mozgás + 5s szünet */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.elementor-element-8a1d205::before {
  top: 40%;
  left: 0;
  transform: translate(-400%, -50%);
  background: radial-gradient(circle, rgba(60, 110, 113, 0.5) 0%, transparent 70%);
  animation-name: enterCircleLeft;
}

.elementor-element-8a1d205::after {
  top: 60%;
  right: 0;
  transform: translate(400%, -50%);
  background: radial-gradient(circle, rgba(40, 75, 99, 0.5) 0%, transparent 70%);
  animation-name: enterCircleRight;
}

@keyframes enterCircleLeft {
  0% {
    opacity: 0;
    transform: translate(-400%, -50%);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translate(400%, -50%);
  }
  100% {
    opacity: 0;
    transform: translate(400%, -50%);
  }
}

@keyframes enterCircleRight {
  0% {
    opacity: 0;
    transform: translate(400%, -50%);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translate(-400%, -50%);
  }
  100% {
    opacity: 0;
    transform: translate(-400%, -50%);
  }
}/* End custom CSS */