.alert-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.3);
    z-index: 20;
    transition: linear 5s;
}

.alert{
    position: absolute;
    width: 35%;
    bottom: 0 ;
    left: 32%;
    padding: 0px;
    padding-left: 5px;
    box-shadow: 2px -1px 12px 7px rgba(63,106,216,1);
    -webkit-box-shadow: 2px -1px 12px 7px rgba(63,106,216,1);
    -moz-box-shadow: 2px -1px 12px 7px rgba(63,106,216,1);    
}

.alert-heading{
    font-size: 20px;
    font-weight: bold;
    color: var(--number_color);
}

.alert-msg{
    color: rgb(94, 94, 255);
    font-size: 13px !important;
    font-weight: 600;
}

.success-alert .alert{
    background-color: var(--light_blue);
}

.danger-alert .alert{
    background-color: #FF9F9F;
}