.toast-container .toast {
    overflow: hidden;
    margin-bottom: 15px; /* Adjust margin to reduce distance between toasts */
    padding-left: 15px;
}
.toast-progress-bar {
    height: 5px;
    background-color: #000000;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 10s linear;
    overflow: hidden;
    opacity: 0.3;
}

.toast-error {
    background-color: #FAE4E8;
    color: #B03D50;
}
.toast-warning {
    background-color: #FBF1DD;
    color: #896110;
}
.toast-info {
    background-color: #E5F4F8;
    color: #3B7E94;
}
.toast-success {
    background-color: #DCF1E4;
    color: #0C622E;
}
.toast .icon {
    margin-right: -10px;
    display: flex;
    align-items: center;
}
.toast-error .icon::before {
    content: "\f071"; /* Font Awesome exclamation-triangle icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.toast-warning .icon::before {
    content: "\f071"; /* Font Awesome exclamation-triangle icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.toast-info .icon::before {
    content: "\f05a"; /* Font Awesome info-circle icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.toast-success .icon::before {
    content: "\f058"; /* Font Awesome check-circle icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}