.page .stats {
    border-radius: 20px;
}
.page .stats .card-title {
    color: white !important;
}
.stats > a{
    color: unset;
    height: 100%;
    width: 100%;
}
.stats{
    position: relative;
    padding: 30px;
}
 .student{
    background-color: #f98a9d;
    color: white;
    animation-name: student;
    animation-delay: 0.4s;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-duration: 1s;

}
 .applies {
    background-color: var(--primary-color);
    color: white;
    animation-name: applies;
    animation-delay: 0.7s;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-duration: 1s;

}
.registered {
    background-color: #a01ad1;
    color: white;
    animation-name: registered;
    animation-delay: 1s;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-duration: 1s;
}
.missing {
    background-color: #a01ad1;
    color: white;
    animation-name: registered;
    animation-delay: 1s;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-duration: 1s;
}
.paid {
    background-color: #41b33d;
    
    color: white;
    animation-name: paid;
    animation-delay: 1.3s;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-duration: 1s;

}
@keyframes student {
    0%{opacity: 0;}
    100%{opacity: 1;}    
}
@keyframes applies {
    0%{opacity: 0;}
    100%{opacity: 1;}    
}
@keyframes registered {
    0%{opacity: 0;}
    100%{opacity: 1;}    
}
@keyframes missing {
    0%{opacity: 0;}
    100%{opacity: 1;}    
}
@keyframes paid {
    0%{opacity: 0;}
    100%{opacity: 1;}    
}


.page .stats .card-text {
    font-size: 30px !important;
}
 .page .stats .card-title{
    position: absolute;
    right: 10%;
    top : 10%;
    
}
.page .stats .card-text{
    position: absolute;
    right: 10%;
    bottom : 23%;
}
.stats .div-svg {
    border-radius: 50%;
    background-color:rgba(255, 255, 255, 0.21) ;
    padding: 20px;
    position: absolute;
    left: 10%;
    top: 22%;
}
 .stats .div-h2 {
    border-radius: 50%;
    background-color:rgba(255, 255, 255, 0.21) ;
    padding: 18px 27px;
    position: absolute;
    left: 10%;
    top: 22%;
}