.diwalihome {position: absolute; left: 0;}
.diya {
	width: 25vw;
	min-width: 200px;
}

.diyas {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 10px;
}

.diyas img {
	width: 10vw;
	min-width: 100px;
}

@keyframes animate {
	0% {
		background-position: 250%;
	}

	100% {
		background-position: -250%;
	}
}

.diyasx {
	position: fixed;
	top: -1vh;
	font-size: 2rem;
	transform: translateY(0);
	animation: fall 3s linear forwards;
	z-index: -1;
}

@keyframes fall {
	to {
		transform: translateY(105vh);
	}
}


 .lights-strand {
  display: flex;
  justify-content: space-between;
  width:82%;
  max-width: 100%;
  position: absolute;
  bottom: -10px;
  right: 1%;  }

  /* String */
  .lights-strand::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    z-index: 1;
  }

  /* Bulbs */
  .lights-strand .bulb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: yellow;
    position: relative;
    z-index: 2;
    animation: twinkle 2s infinite ease-in-out;
    box-shadow: 0 0 10px rgba(255, 255, 0, 0.6);
  }

  /* Bulb glow */
  .lights-strand .bulb::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,0,0.5), transparent 70%);
    z-index: -1;
  }

  /* Twinkle animation */
  @keyframes twinkle {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.5); opacity: 0.7; }
  }

  /* Different colors & delays */
  .bulb:nth-child(1) { background: #ffd700; animation-delay: 0s; }
  .bulb:nth-child(2) { background: #ff4500; animation-delay: 0.2s; }
  .bulb:nth-child(3) { background: #00ff7f; animation-delay: 0.4s; }
  .bulb:nth-child(4) { background: #1e90ff; animation-delay: 0.6s; }
  .bulb:nth-child(5) { background: #ff69b4; animation-delay: 0.8s; }
  .bulb:nth-child(6) { background: #ffa500; animation-delay: 1s; }
  .bulb:nth-child(7) { background: #8a2be2; animation-delay: 1.2s; }
  .bulb:nth-child(8) { background: #ff6347; animation-delay: 1.4s; }
  .bulb:nth-child(9) { background: #ffd700; animation-delay: 1.6s; }
  .bulb:nth-child(10) { background: #ff4500; animation-delay: 1.8s; }
  .bulb:nth-child(11) { background: #00ff7f; animation-delay: 2s; }
  .bulb:nth-child(12) { background: #1e90ff; animation-delay: 2.4s; }
  .bulb:nth-child(13) { background: #ff69b4; animation-delay: 2.6s; }
  
  
  .searchindex { position: relative;
}

.diya-img {position: absolute; bottom: -20px;}
.diya-img img {width: 40%; height: auto; margin: 0;}