body {
  background: #ddd;
}

/* Show Details Button */
.open_popup {
  background: linear-gradient(90deg, #efea11, #ebf86b) !important;
  box-shadow: 0 0 12px #bdb900, inset 0 -2px #bdb900 !important;
  border: none;
  padding: 10px 20px;
  color: #000; /* Text color */
  border-radius: 10px; /* Rounded corners */
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.open_popup:hover {
  background: linear-gradient(90deg, #ebf86b, #efea11) !important;
}

/* Pop-up Window */
.popup_body {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 300ms;
  z-index: 100000000;
}

.popup_body_show {
  display: block;
  transition: 300ms;
}

.popup_back {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.popup_contain {
  position: relative;
  background: #fffffffc;
  min-width: 300px;
  max-width: 80%;
  margin: 100px auto 50px;
  min-height: 150px;
  padding: 20px;
  color: #000;
  border-radius: 15px; /* Rounded corners for the pop-up */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Subtle shadow */
  overflow-y: auto;
  max-height: calc(100vh - 150px);

}

/* Headings inside Pop-up */
.popup_contain h1,
.popup_contain h2,
.popup_contain h3,
.popup_contain h6 {
  color: black !important;
}

.popup_contain p {
  color: #000;
}

/* Close Button */
.popup_close {
  background: #fff;
  padding: 5px 10px;
  position: absolute;
  right: 10px;
  top: 10px;
  color: black;
  border-radius: 60%;
  cursor: pointer;
  border: 1px solid #ddd;
  transition: background 0.3s ease;
}

.popup_close:hover {
  background: #f0f0f0;
}