/* Reusable glow + grain section background.
   Add class `ck-glow-grain-section` to any section to enable.
   Testimonials keeps compatibility via existing section selector.
*/

#page-container #et-boc .ck-glow-grain-section,
#page-container #et-boc #ck-home-testimonial-section.ck-testimonials-section {
    --ck-glow-bg:
        radial-gradient(110% 150% at -10% 50%, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0) 62%),
        radial-gradient(110% 150% at 110% 50%, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0) 62%),
        linear-gradient(90deg, #00252b 0%, #014751 50%, #00252b 100%);
    --ck-glow-grain-opacity: 0.28;
    --ck-glow-grain-image:
        radial-gradient(rgba(0, 0, 0, 0.58) 1.2px, transparent 1.6px),
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.34) 0%,
            rgba(0, 0, 0, 0.2) 18%,
            rgba(255, 255, 255, 0.03) 50%,
            rgba(0, 0, 0, 0.2) 82%,
            rgba(0, 0, 0, 0.34) 100%
        );
    --ck-glow-grain-size: 10px 10px, 100% 100%;
    --ck-glow-grain-position: 0 0, center;
    background: var(--ck-glow-bg);
    position: relative;
    overflow: visible;
}

#page-container #et-boc .ck-glow-grain-section:before,
#page-container #et-boc #ck-home-testimonial-section.ck-testimonials-section:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: var(--ck-glow-grain-opacity);
    background-image: var(--ck-glow-grain-image);
    background-size: var(--ck-glow-grain-size);
    background-position: var(--ck-glow-grain-position);
    z-index: 0;
}

@media (max-width: 980px) {
    #page-container #et-boc .ck-glow-grain-section,
    #page-container #et-boc #ck-home-testimonial-section.ck-testimonials-section {
        --ck-glow-bg:
            radial-gradient(165% 205% at -55% 50%, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 66%),
            radial-gradient(165% 205% at 155% 50%, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 66%),
            radial-gradient(88% 132% at 50% 48%, rgba(80, 214, 203, 0.24) 0%, rgba(80, 214, 203, 0.08) 50%, rgba(80, 214, 203, 0) 80%),
            linear-gradient(90deg, #00252b 0%, #014751 25%, #014751 750%, #00252b 100%);
        --ck-glow-grain-opacity: 0.2;
        --ck-glow-grain-image:
            radial-gradient(rgba(0, 0, 0, 0.56) 1.1px, transparent 1.5px),
            linear-gradient(
                90deg,
                rgba(0, 0, 0, 0.48) 0%,
                rgba(0, 0, 0, 0.25) 14%,
                rgba(255, 255, 255, 0.035) 50%,
                rgba(0, 0, 0, 0.25) 86%,
                rgba(0, 0, 0, 0.48) 100%
            );
    }
}