.modals_new {
  display: none; 
  position: fixed!important; 
  left: 10%!important;
  right: 10%!important;
  top: 40%!important;  
  background-color: white!important;
  padding: 20px!important;
  border-radius: 5px!important;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3)!important;
  z-index: 9999; /* Ensure modal appears above everything else */
}

/* New CSS for the overlay background */
.overlay {
  display: none; 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
  backdrop-filter: blur(5px); /* Apply blur effect */
  z-index: 9998; /* Ensure overlay appears below the modal */
}

.modals_new a {
  float: right !important;
  margin-top: 10px!important;
}
.modals_new p {
  color: red!important;
}

.modals_new .head_title {
  text-align-last: center;
  background-color: khaki;
}