/* Modal Icon Styling */
#messageModal .messageIcon {
font-size: 4rem;
color: #28a745; /* Success green */
animation: popIn 0.5s ease-out; /* Apply animation */
}

/* Success Text Styling */
#messageModal .messageText {
font-size: 1.2rem;
color: #333;
margin-top: 10px;
}

/* Pop-in Animation */
@keyframes popIn {
0% {
    opacity: 0;
    transform: scale(0.5) rotate(-30deg);
}
50% {
    opacity: 1;
    transform: scale(1.1) rotate(0deg);
}
100% {
    transform: scale(1);
}
}