/* START HERO SHAPES */
.hero-f-shape.elementor-element,
.hero-e-shape.elementor-element {
  position: absolute;
  border-radius: 50%;
  mix-blend-mode: multiply;
  animation: hero-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.hero-f-shape.elementor-element {
  top: 80px;
  right: 40px;
  width: 288px;
  height: 288px;
  background-color: #3b82f6;
  filter: blur(40px);
  opacity: 0.5;
  --pulse-max: 0.2;
  --pulse-min: 0.1;
}

.hero-e-shape.elementor-element {
  bottom: 80px;
  left: 40px;
  width: 384px;
  height: 384px;
  background-color: #e9d5ff;
  filter: blur(64px);
  opacity: 0.3;
  --pulse-max: 0.3;
  --pulse-min: 0.1;
}

@keyframes hero-pulse {
  0%, 100% {
    opacity: var(--pulse-max);
  }
  50% {
    opacity: var(--pulse-min);
  }
}
/* END HERO SHAPES */