.custom-alert {
   position: fixed;
   top: 100px;
   left: 50%;
   transform: translateX(-50%);  /* Center horizontally */
   z-index: 1050;  /* Ensure it appears above other content */
   width: 80%;  /* Adjust width based on content */
   padding: 20px;
   margin: 0;  /* Remove margin */
   opacity: 80%;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);  /* Optional for better visibility */
}

.close-alert {
   position: absolute;
   top: 3px;
   right: 10px;
   font-size: 20px;
   font-weight: bold;
   color: #868484b1;
   cursor: pointer;
   background: none;
   border: none;
}

.close-alert:hover {
   color: #000;
}


a.active {
   background-color: #3f0061;
   color: #fff !important;
   font-weight: bold;
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}