.purple{
background:#36013f; 
color:white;
}
.sidebar a, .navbar a{
  color:white;
}  .d-purple{
  background:#310431; 
  color:white;
  }
.figure-count100{  height:110px;
    width:110px;
      justify-content:center;
    align-items:center;
    border:18px solid brown;
    border-radius: 110px;
    z-index:20;
    opacity:0.8;
    margin:5px;
   border-color:  orange crimson violet purple;
    }
    
    .figure-count75{  height:110px;
    width:110px;
      justify-content:center;
    align-items:center;
    border:18px solid brown;
    border-radius: 110px;
    z-index:20;
    opacity:0.8;
    margin:5px;
   border-color:  orange transparent violet purple;
    }
    
.figure-count50{  height:110px;
    width:110px;
      justify-content:center;
    align-items:center;
    border:18px solid brown;
    border-radius: 110px;
    z-index:20;
    opacity:0.8;
    margin:5px;
   border-color:  transparent transparent violet purple;
    }
    
.figure-count25{  height:110px;
    width:110px;
      justify-content:center;
    align-items:center;
    border:18px solid brown;
    border-radius: 110px;
    z-index:20;
    opacity:0.8;
    margin:10px;
   border-color:  transparent transparent purple transparent ;
    }
    
    .figure-card1{
      background:
rgba( 255, 255, 255, 0.25 );
box-shadow:
0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter:
blur( 4px );
-webkit-backdrop-filter:
blur( 4px );
border-radius:
50px;
border:
1px solid rgba( 255, 255, 255, 0.18 );
    border-bottom:8px solid gold;
    z-index:1;
    display: flex;
    justify-content:center;
    align-items:center;
    margin-bottom:20px;
    
      border-color: purple violet orange;
   }
   
   .login-cover2{
      
   background-image: url('../../../global_assets/images/backgrounds/user_bg1.png') no-repeat;
    background-size: cover; 
}
   
   
   .figure-count2{  height:100px;
    width:100px;
      justify-content:center;
    align-items:center;
    border:20px solid brown;
    border-radius: 100px;
    z-index:20;
    opacity:0.8;
    margin:5px;
   border-color:  #07d350 transparent  purple blue;
    }
    .figure-card2{
      background:
rgba( 255, 255, 255, 0.25 );
box-shadow:
0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter:
blur( 4px );
-webkit-backdrop-filter:
blur( 4px );
border-radius:
50px;
border:
1px solid rgba( 255, 255, 255, 0.18 );
    border-bottom:8px solid brown;
    z-index:1;
    display: flex;
    justify-content:center;
    align-items:center;
    margin:10px;
      border-color: purple violet orange;
   }
   .scrollable-menu{
     height:auto;
max-height:100px;
overflow-x:hidden;
overflow-y:scroll;}

.grid-2{
display: grid;
grid-template-columns:730px 730px;
}

@media screen and (max-width: 550px) {
  .grid-2{
    display: grid;
    grid-template-columns: 100%;
    }
    .figure-card1{
      width: 100%;
    }
}