.elementor-594 .elementor-element.elementor-element-82fb086{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}/* Start custom CSS for container, class: .elementor-element-82fb086 */.elementor-594 .elementor-element.elementor-element-82fb086 {
    position: relative;
}

/*---- Animation circle ----*/
.circle {
    border-radius: 100%;
    width: 500px;
    height: 500px;
    position: absolute;
    opacity: 0.3;
    filter: blur(5rem);
    background-image: linear-gradient(to right, #E84E0F, #B70E0C);
    
    z-index: 0;
}

.circle1 {
    right: -30%;
    bottom:0;
    
    animation: sway-right-to-left 10s linear infinite alternate-reverse;
}

.circle2 {
    top: 0;
    right: 20%;
    
    animation: scaleInOut 10s linear infinite alternate-reverse;
}

.circle3 {
    bottom: 0%;
    left: -40%;
    
    animation: sway-left-to-right 10s linear infinite alternate-reverse;
}

@keyframes scaleInOut {
  0% {
    transform: scale(1)  translateX(50%) translateY(50%);
  }

  50% {
    transform: scale(1.5) translateX(-50%) translateY(-50%);
  }
  100% {
    transform: scale(1)  translateX(50%) translateY(50%);
  }
}

@keyframes sway-left-to-right {
  0% {
    transform: scale(1.5)  translateX(-50%) translateY(-50%);
  }

  50% {
    transform: scale(1) translateX(50%) translateY(50%);
  }
  100% {
    transform: scale(1.5)  translateX(-50%) translateY(-50%);
  }
}

@keyframes sway-right-to-left {
  0% {
    transform: scale(1.5) translateX(50%) translateY(50%);
  }

  50% {
    transform: scale(1)  translateX(-50%) translateY(-50%);
  }
  100% {
    transform: scale(1.5) translateX(50%) translateY(50%);
  }
}/* End custom CSS */