.overlay-style{
    background-color: #ffffff66;
    backdrop-filter: blur(6px);
    z-index: 2;
}
.header-profile{
    border-radius: 50px;
    height: 50px;
    width: 50px;
    object-fit: cover;
    cursor: pointer;
}
.mobile-header-profile
{
    border-radius: 35px;
    height: 35px;
    width: 35px;
    object-fit: cover;
}
.profile-dropdown
{
    width: 250px;
}
.mobile-profile-dropdown
{
    width: 200px;
}
.theme-dropdown
{
    box-shadow: 0px 0px 6px 5px #0000000a;
}
.dot-styling{
    border-radius: 20px;
    right: 0px;
    top: 2px;
}
.profile-hamburger-img{
    width: 60px;
    height: 60px;
    border-radius: 60px;
    object-fit: cover;
}
.header-nav-link.active{
    color: #7A44E3 !important;
    background-color: transparent !important;
}
.header-nav-link{
    background-color: transparent !important;
    color: #000 !important;
}
.header-nav-link:hover, .nav-link:focus{
    color: #7A44E3 !important;
}
.header-nav-link:hover .navlink-arrow,
.header-nav-link:focus .navlink-arrow,
.header-nav-link.active .navlink-arrow
{
    filter: invert(37%) sepia(98%) saturate(4383%) hue-rotate(248deg) brightness(91%) contrast(95%);
}
.notification-container{
    width: 360px;
}
.mobile-notification-container
{
    width: 200px;
}
.unread
{
    background-color: #e6e6e6;
}