.navbar-toggler:focus {
    /*Below line will remove the border from the icon
    I have used bootstrap icon here */
    /* This will only remove the shadow effect */
    /* Border is still there */
    /* if you don't want any border then set the property equals to zero */
    border: 0 !important;
    box-shadow: none !important;
  
    /* This will remove the rounded corner(radious-border)
    and give square border */
    /* border-radius: 0 !important; */    
}

.navbar-toggler {
    /* This will completely remove border from the icon */
    /* If you need border for the icon then comment this code */
     border: 0 !important;

    /* if you want to check the border please uncomment below code */
    /* border-color: yellow !important; */
}
/*scrollbar desain*/
* {
  scrollbar-width: thin !important;
  /* scrollbar-color: #65676a #1e1f22 !important; */
}
/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    /* background: #f1f1f1;  */
    box-shadow: inset 0 0 5px rgba(128, 128, 128, 0);
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgb(173, 173, 173); 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(155, 155, 155); 
  }
/*  */

/* Hide scrollbar for Chrome, Safari and Opera */
#horizonscrollhide::-webkit-scrollbar, .hidescorlllbars::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#horizonscrollhide, .hidescorlllbars {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/* background: */
progress::-webkit-progress-bar {
  background-color: white; 
  width: 100%;
  border-radius: 30px !important;
  height: 0.5rem;
}
progress {background-color: white;
  border-radius: 30px !important;
 
}

progress::-webkit-progress-value {background-color: red !important;border-radius: 30px !important;}
progress::-moz-progress-bar {background-color: red !important;border-radius: 30px !important;}
progress {color: red;border-radius: 30px !important;}