.angie-moving-border-270158d7 {
    position: relative;
    z-index: 1;
}

/* Ensure the widget inner content has position relative to sit above the border */
.angie-moving-border-270158d7 > .elementor-widget-container {
    position: relative;
    z-index: 2;
}

/* Moving light effect container */
.angie-moving-border-270158d7::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 8px; /* Match the inner border radius */
    padding: 4px; /* Thickness of the glowing effect increased from 2px to 4px */
    background: conic-gradient(
        from var(--angle, 0deg) at 50% 50%,
        transparent 0%,
        transparent 60%,
        #6EC1E4 70%, /* Primary */
        #87b8d8 80%, /* Theme Primary */
        #61CE70 90%, /* Accent */
        #4aae6d 100% /* Theme Secondary */
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 0;
    animation: 3s rotate-border-270158d7 linear infinite;
}

/* Custom property for angle animation */
@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes rotate-border-270158d7 {
    0% {
        --angle: 0deg;
    }
    100% {
        --angle: 360deg;
    }
}
