/* Styles for the parent container */
.popup-container {
    position: relative; /* Essential for positioning the popup relative to this container */
    display: inline-block; /* Ensures the container wraps its content naturally */
    cursor: pointer;
    color:#4F2683;
    text-decoration: underline;

}

/* Styles for the popup content (hidden by default) */
.popup-content {
    visibility: hidden; /* Hidden by default */
    opacity: 0; /* Use opacity for smooth transition */
    width: 400px;
    height: 300px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 0;
    position: absolute; /* Positions the popup relative to the parent */
    z-index: 1; /* Ensures the popup is above other content */
    bottom: 125%; /* Position above the hovered text */
    left: 50%;
    margin-left: -80px; /* Center the popup (half of its width) */
    transition: opacity 0.3s, visibility 0.3s; /* Smooth transition effect */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Show the popup content when the container is hovered */
.popup-container:hover .popup-content {
    visibility: visible;
    opacity: 1;
}