.active-scrollspy {
    border-left: 2px solid #2E72ED !important;
    color: #374151 !important;
    background: #D9E7FF !important;
}

body {
    background: none !important;
}

.profile-top-bg {
    background-position: center;
    background-size: cover;
}

.level-up-square:before {
    content: "2";
    display: flex ;
    justify-content:  center;
    align-items: center;
    position: absolute;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background: #26C38E;
    transform: rotate(45deg);
    border-radius: 4px;
}


.activeNavbar-up {
    color: #374151 !important;
    border-bottom: 2px solid #5B7BE9 !important;
    
}


.card-spin{
    animation: rotate360 1.2s linear infinite;  
    animation-play-state: paused;               
}
.user-cards:hover .card-spin{
    animation-play-state: running;              
}
@keyframes rotate360 {
    to { transform: rotate(360deg); }           
}

main.topic-main {
    padding-bottom: 0 !important;
    min-height: 0 !important;
   
}

footer {
    margin-top: -45px !important;
}

.company-top-bg {
    background-position: center;
    background-size: cover;
}