.success-transition {
    transition: all 0.5s ease-in-out;
}

.success-bg {
    background-color: #d1fae5; /* سبز روشن */
    animation: fadeInGreen 0.5s ease-in-out;
}

@keyframes fadeInGreen {
    from {
        background-color: white;
        opacity: 0.8;
    }
    to {
        background-color: #d1fae5;
        opacity: 1;
    }
}

.checkmark-circle {
    animation: checkmarkCircle 0.6s ease-in-out;
}

@keyframes checkmarkCircle {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}