::-webkit-scrollbar {

       width:3.5px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent; 
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #104373;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
   background: rgb(16,67,115);
background: rgb(22,235,243);
background: linear-gradient(302deg, rgba(22,235,243,1) 0%, rgba(16,67,115,1) 100%);
    
}
::-webkit-scrollbar-thumb:window-inactive {
	background-color: transparent;
	  -webkit-border-radius: 0px;
    border-radius: 0px;
    
    
}



@media screen and (max-width: 768px) {
         ::-webkit-scrollbar {
    width: 2px;
    display: none;
    visibility: hidden;
}
 
/* Track */
::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 2px transparent; 
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    display: none;
    visibility: hidden;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-image: linear-gradient(to bottom, #1f2736, #004d7a, #008793, #00bf72, #a8eb12);
    display: none;
    visibility: hidden;
    
}
::-webkit-scrollbar-thumb:window-inactive {
    background-color: transparent;
      -webkit-border-radius: 0px;
    border-radius: 0px;
    display: none;
    visibility: hidden;
    
    
}

}