.alert {

    position: absolute;

    top: 10px;

    right: 10px;

    width: 300px;

    transition: 0.5s;

    z-index: 99999 !important;

    animation: notify 10s alternate both;

}



.alert-2 {

    top: 80px;

}



@keyframes notify {



    0%,

    100% {

        opacity: 0;

        right: -350px;

    }



    20%,

    85% {

        opacity: 1;

    }



    5%,

    95% {

        right: 10px;

    }

}

.breadcrumb .breadcrumb-item::before {
    display: none;
}

/*--Preloader--*/
.preloader {
    position: fixed;
    inset: 0;
    background-color: white;
    z-index: 99999;
}

.preloader::before,
.preloader::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border: 10px solid var(--bs-primary);
    border-radius: 50%;
    border-left-color: white;
    animation: loader 2s infinite;
}

.preloader::after {
    width: 140px;
    height: 140px;
    border-color: var(--bs-primary);
    border-right-color: white;
    animation: loader 2s infinite;
}

@keyframes loader {
    0% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }

    50% {
        transform: translate(-50%, -50%) rotate(0);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


/* ----------------------farrukh css work date: (8-1-2023 ) time : (10.01 pm) ------------------------------*/
.auth .brand-logo {
    margin-bottom: 2rem;
    text-align: center;
}
.mt-3, .template-demo>.btn, .template-demo>.btn-toolbar {
    margin-top: 1rem !important;
    text-align: center;
}


.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img {
    width: 100%;
    height: auto;
    border-radius: 20%;
    border: 1px #bdbdbd solid;
}