/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.glass-card {
 -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

/* =====================================
   ULTRA PREMIUM LEGAL GLOW HERO
   BACKGROUND ONLY
   ===================================== */

.crime-sparkle-banner {
  position: relative;
  overflow: hidden;
}

/* Content / boxes above sparkles */
.crime-sparkle-banner > * {
  position: relative;
  z-index: 5;
}

/* Deep dark-green overlay with slow fade */
.crime-sparkle-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(4, 25, 18, 0.65); /* darker, cinematic */
  animation: overlayBreath 12s ease-in-out infinite;
}

/* Smooth, bold, glowing sparkles */
.crime-sparkle-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  background:
    /* main sparkles */
    radial-gradient(1.8px 1.8px at 5% 15%, rgba(255,255,255,.9), transparent),
    radial-gradient(1.6px 1.6px at 15% 50%, rgba(255,255,255,.85), transparent),
    radial-gradient(1.8px 1.8px at 25% 80%, rgba(255,255,255,.8), transparent),
    radial-gradient(1.6px 1.6px at 35% 20%, rgba(255,255,255,.85), transparent),
    radial-gradient(1.8px 1.8px at 45% 65%, rgba(255,255,255,.8), transparent),
    radial-gradient(1.6px 1.6px at 55% 90%, rgba(255,255,255,.75), transparent),
    radial-gradient(1.8px 1.8px at 65% 25%, rgba(255,255,255,.85), transparent),
    radial-gradient(1.6px 1.6px at 75% 55%, rgba(255,255,255,.8), transparent),
    radial-gradient(1.8px 1.8px at 85% 75%, rgba(255,255,255,.85), transparent),
    radial-gradient(1.6px 1.6px at 95% 40%, rgba(255,255,255,.8), transparent),

    /* subtle edge glows */
    radial-gradient(3px 3px at 0% 0%, rgba(255,255,255,.2), transparent),
    radial-gradient(3px 3px at 100% 0%, rgba(255,255,255,.2), transparent),
    radial-gradient(3px 3px at 0% 100%, rgba(255,255,255,.2), transparent),
    radial-gradient(3px 3px at 100% 100%, rgba(255,255,255,.2), transparent);

  background-repeat: repeat;
  background-size: 350px 350px;

  animation: sparklePremium 20s linear infinite;

  opacity: .9;
  filter: blur(1px) drop-shadow(0 0 8px rgba(255,255,255,.6));
}

/* Smooth vertical motion for sparkles */
@keyframes sparklePremium {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-350px);
  }
}

/* Overlay slow breathing fade */
@keyframes overlayBreath {
  0%   { background: rgba(4, 25, 18, 0.6); }
  50%  { background: rgba(4, 25, 18, 0.7); }
  100% { background: rgba(4, 25, 18, 0.6); }
}