.nav-link .badge {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 0.7rem;
    border-radius: 50%;
    padding: 3px 5px;
}

.nav-link i {
    font-size: 1.2rem;
    color: #333;
}
.bell-icn{
    width: 38px;
height: 38px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
background-color: #00C1A51A;
}
.bell-icn > i {
    color: #0277C4;
}
.head-not{
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    color: #34363B;
    padding-right: 10px;

}
.head-time{
font-size: 11px;
font-weight: 400;
text-align: left;
color: #626C83;
}
.card-bb {
    padding: 13px 0 0;
}
.card-bb >p{
    padding: 0px;
}
.card-bb > p{
font-size: 12px;
font-weight: 400;
line-height: 21px;
padding: 13px 0 0;
/* text-align: right; */
color: #626C83;
}
.notify-card{
    padding: 8px !important;
    border-radius: 16px;
    margin-bottom: 16px;
    background: #ffffff;
}
.notify-card .card-header {
    background-color: transparent;
    border-bottom: none;
    padding: 0;
}
.notify-detailscard{
    padding: 8px !important;
    border-radius: 16px;
    margin-bottom: 16px;
    background: #ffffff;
}
.notify-detailscard .card-header {
    background-color: transparent;
    border-bottom: none;
    padding: 0;
}
.navbar-nav .nav-item {
    color:#0277c4;
}
/* Target notification and messenger icons */
.nav-link .fa-bell,
.nav-link .fa-comment-dots {
    color: #0277c4; /* Set the icon color */
}

/* Optional: Hover effect for better UX */
.nav-link:hover .fa-bell,
.nav-link:hover .fa-comment-dots {
    color: #025a9f; /* Darker shade for hover effect */
}


@media (max-width: 768px) {
    /* .navbar-collapse{
        width: 50% !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    } */
    .custom-left-align{
        width: fit-content;
        display: flex ;
                flex-direction: row ;
    }
    .notificationpopup{
        transform: none !important;
        width: 278px !important;

    }

}

@media (max-width: 576px) {
    .custom-profile-image {
        width: 24px !important;
        height: 24px !important;
    }

    .custom-bell-icon {
        font-size: 16px !important;
    }

    .custom-message-icon {
        width: 16px !important;
    }

    .navbar-brand {
        display: flex !important;
        justify-content: center !important;
        position: absolute !important;
        width: -webkit-fill-available !important;
    }

    .navbar-brand>img {
        height: 32px !important;
        width: 68px !important;
    }

    .custom-bell-div {
        top: 0 !important;
    }

    a.nav-link.custom-plus-image {
        margin: 0 !important;
    }

    img.custom-plus-image.custom-plus-icon {
        margin: -2px 0 0 0 !important;
    }

    .custom-plus-icon {
        width: 16px !important;
        height: 16px !important;
        position: relative;
        z-index: 2;
    }

    .custom-notif-popup {
        width: 280px !important;
    }
}