.lighting-container {
            position: relative;
            display: inline-block;
            width: 100%;
            background-color: #05050a;
            overflow: hidden;
        }

        .lights-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            /* Taake image click/drag block na ho */
        }

        /* Base Dot Style */
        .light-dot {
            position: absolute;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            mix-blend-mode: screen;
            animation: neonBlink 1.5s infinite ease-in-out;
        }

        /* SVG Exact Colors */
        .light-green {
            background-color: #00ff24;
            box-shadow: 0 0 6px #00ff24, 0 0 15px #00ff24, 0 0 25px #00ff24;
        }

        .light-pink {
            background-color: #ff52b1;
            box-shadow: 0 0 6px #ff52b1, 0 0 15px #ff52b1, 0 0 25px #ff52b1;
        }

        .light-orange {
            background-color: #ff6700;
            box-shadow: 0 0 6px #ff6700, 0 0 15px #ff6700, 0 0 25px #ff6700;
        }

        .light-cyan {
            background-color: #00edff;
            box-shadow: 0 0 6px #00edff, 0 0 15px #00edff, 0 0 25px #00edff;
        }

        .light-red {
            background-color: red;
            box-shadow: 0 0 6px red, 0 0 15px red, 0 0 25px red;
        }

        .light-mint {
            background-color: #1affac;
            box-shadow: 0 0 6px #1affac, 0 0 15px #1affac, 0 0 25px #1affac;
        }

        .light-purple {
            background-color: #bd1dff;
            box-shadow: 0 0 6px #bd1dff, 0 0 15px #bd1dff, 0 0 25px #bd1dff;
        }

        .light-yellow {
            background-color: #ffc248;
            box-shadow: 0 0 6px #ffc248, 0 0 15px #ffc248, 0 0 25px #ffc248;
        }

        /* Animation */
        @keyframes neonBlink {

            0%,
            100% {
                opacity: 0.3;
                transform: translate(-50%, -50%) scale(0.8);
            }

            50% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1.2);
            }
        }




        /* lightrope */

        .lightrope {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  margin: -15px 0 0 0;
  padding: 0;
  pointer-events: none;
  width: 100%;
}

.lightrope li {
  position: relative;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  list-style: none;
  margin: 20px;
  padding: 0;
  display: inline-block;
  width: 12px;
  height: 28px;
  border-radius: 50%;
}

/* --- SVG SE NIKLAY HUAY 8 COLORS KI SETTINGS --- */

/* 1. Green (#00ff24) */
.lightrope li:nth-child(8n+1) {
  background: #00ff24;
  box-shadow: 0px 4.66px 24px 3px #00ff24;
  animation-name: flash-1;
  animation-duration: 2s;
}

/* 2. Pink (#ff52b1) */
.lightrope li:nth-child(8n+2) {
  background: #ff52b1;
  box-shadow: 0px 4.66px 24px 3px #ff52b1;
  animation-name: flash-2;
  animation-duration: 1.2s;
}

/* 3. Orange (#ff6700) */
.lightrope li:nth-child(8n+3) {
  background: #ff6700;
  box-shadow: 0px 4.66px 24px 3px #ff6700;
  animation-name: flash-3;
  animation-duration: 1.6s;
}

/* 4. Cyan (#00edff) */
.lightrope li:nth-child(8n+4) {
  background: #00edff;
  box-shadow: 0px 4.66px 24px 3px #00edff;
  animation-name: flash-4;
  animation-duration: 0.8s;
}

/* 5. Red (red) */
.lightrope li:nth-child(8n+5) {
  background: red;
  box-shadow: 0px 4.66px 24px 3px red;
  animation-name: flash-5;
  animation-duration: 1.4s;
}

/* 6. Teal (#1affac) */
.lightrope li:nth-child(8n+6) {
  background: #1affac;
  box-shadow: 0px 4.66px 24px 3px #1affac;
  animation-name: flash-6;
  animation-duration: 1.9s;
}

/* 7. Purple (#bd1dff) */
.lightrope li:nth-child(8n+7) {
  background: #bd1dff;
  box-shadow: 0px 4.66px 24px 3px #bd1dff;
  animation-name: flash-7;
  animation-duration: 1.1s;
}

/* 8. Yellow/Gold (#ffc248) */
.lightrope li:nth-child(8n) {
  background: #ffc248;
  box-shadow: 0px 4.66px 24px 3px #ffc248;
  animation-name: flash-8;
  animation-duration: 1.5s;
}

/* --- LIGHTS KI WIRE AUR CAPS --- */
.lightrope li:before {
  content: "";
  position: absolute;
  background: #222;
  width: 10px;
  height: 9.33px;
  border-radius: 3px;
  top: -4.66px;
  left: 1px;
}

.lightrope li:after {
  content: "";
  top: -14px;
  left: 9px;
  position: absolute;
  width: 52px;
  height: 18.66px;
  border-bottom: solid #222 2px;
  border-radius: 50%;
}

.lightrope li:last-child:after {
  content: none;
}

.lightrope li:first-child {
  margin-left: -40px;
}

/* --- FLASHING KEYFRAMES FOR ALL COLORS --- */
@keyframes flash-1 {
  0%, 100% { background: #00ff24; box-shadow: 0px 4.66px 24px 3px #00ff24; }
  50% { background: rgba(0, 255, 36, 0.4); box-shadow: 0px 4.66px 24px 3px rgba(0, 255, 36, 0.2); }
}
@keyframes flash-2 {
  0%, 100% { background: #ff52b1; box-shadow: 0px 4.66px 24px 3px #ff52b1; }
  50% { background: rgba(255, 82, 177, 0.4); box-shadow: 0px 4.66px 24px 3px rgba(255, 82, 177, 0.2); }
}
@keyframes flash-3 {
  0%, 100% { background: #ff6700; box-shadow: 0px 4.66px 24px 3px #ff6700; }
  50% { background: rgba(255, 103, 0, 0.4); box-shadow: 0px 4.66px 24px 3px rgba(255, 103, 0, 0.2); }
}
@keyframes flash-4 {
  0%, 100% { background: #00edff; box-shadow: 0px 4.66px 24px 3px #00edff; }
  50% { background: rgba(0, 237, 255, 0.4); box-shadow: 0px 4.66px 24px 3px rgba(0, 237, 255, 0.2); }
}
@keyframes flash-5 {
  0%, 100% { background: red; box-shadow: 0px 4.66px 24px 3px red; }
  50% { background: rgba(255, 0, 0, 0.4); box-shadow: 0px 4.66px 24px 3px rgba(255, 0, 0, 0.2); }
}
@keyframes flash-6 {
  0%, 100% { background: #1affac; box-shadow: 0px 4.66px 24px 3px #1affac; }
  50% { background: rgba(26, 255, 172, 0.4); box-shadow: 0px 4.66px 24px 3px rgba(26, 255, 172, 0.2); }
}
@keyframes flash-7 {
  0%, 100% { background: #bd1dff; box-shadow: 0px 4.66px 24px 3px #bd1dff; }
  50% { background: rgba(189, 29, 255, 0.4); box-shadow: 0px 4.66px 24px 3px rgba(189, 29, 255, 0.2); }
}
@keyframes flash-8 {
  0%, 100% { background: #ffc248; box-shadow: 0px 4.66px 24px 3px #ffc248; }
  50% { background: rgba(255, 194, 72, 0.4); box-shadow: 0px 4.66px 24px 3px rgba(255, 194, 72, 0.2); }
}