.popup-overlay {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.5); display: flex;
  align-items: center; justify-content: center; z-index: 1000;
}
.popup-content {
  background: #fff; padding: 20px 40px; border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2); text-align: center; position: relative;
}
  .close {
  position: absolute; 
  top: 10px; 
  right: 28px;
  font-size: 28px; 
  cursor: pointer; 
  color: red; /* Yahan red color set hai */
  transition: color 0.2s;
}
.close:hover {
  color: #b00000; /* Hover par thoda dark red ho jayega */
}

.hidden { display: none; }