.elementor-758 .elementor-element.elementor-element-8348f08{--display:flex;--min-height:715px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-758 .elementor-element.elementor-element-ce81c6b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-758 .elementor-element.elementor-element-ce81c6b{border-radius:15px 15px 15px 15px;}
/* Start custom CSS for container, class: .elementor-element-8348f08 *//* Black + Purple Gradient Base */
.elementor-758 .elementor-element.elementor-element-8348f08 {
  position: relative;
  min-height: 90vh;   /* Hero height */
  overflow: hidden;

  background: linear-gradient(135deg, #000000, #0a0a0a, #1a0b34, #000000);
  background-size: 200% 200%;
  animation: fridayGradientShift 20s ease-in-out infinite;
}

/* Floating Glowing Purple Orbs */
.elementor-758 .elementor-element.elementor-element-8348f08::before {
  content: "";
  position: absolute; inset: -15%;
  background:
    radial-gradient(40% 40% at 20% 30%, rgba(124,58,237,0.25), transparent 70%),
    radial-gradient(35% 35% at 80% 70%, rgba(147,51,234,0.25), transparent 75%),
    radial-gradient(30% 30% at 50% 90%, rgba(168,85,247,0.20), transparent 70%);
  filter: blur(70px);
  animation: fridayGlowFloat 24s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 0;
  opacity: 0.8;
}
.elementor-758 .elementor-element.elementor-element-8348f08 > * { position: relative; z-index: 1; }

/* Gradient slow shift */
@keyframes fridayGradientShift {
  0%   { background-position: 0%   50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0%   50%; }
}

/* Purple glows breathing + drifting */
@keyframes fridayGlowFloat {
  0%   { transform: translate3d(0, 0, 0) scale(1);   opacity: 0.6; }
  25%  { transform: translate3d(15px, -10px, 0) scale(1.1); opacity: 0.85; }
  50%  { transform: translate3d(-10px, 20px, 0) scale(0.95); opacity: 0.7; }
  75%  { transform: translate3d(20px, 10px, 0) scale(1.05); opacity: 0.9; }
  100% { transform: translate3d(0, 0, 0) scale(1);   opacity: 0.6; }
}/* End custom CSS */

