.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.align-items-center {
  align-items: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.d-flex {
    display: flex !important;
    padding-top: 2px !important;
}
.list-group-item {
  position: relative;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  box-sizing: border-box;
  list-style: none;
  font-weight: 400;
  color: var(--primary)s
}
.list-group {
  /* 
 
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  border-radius: var(--bs-list-group-border-radius); */
 --bs-list-group-border-radius: 1rem;
  --bs-list-group-item-padding-x: 2rem;
  --bs-list-group-item-padding-y: 0.7rem;
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  
  
}

  .li {
  display: list-item;
  text-align: -webkit-match-parent;
  list-style:none;
}




.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.5rem;
  margin: px px;
  transition-duration: 0.4s;
  cursor: pointer;
  height:38px ;
  width: 127px;

  }
.button2 {
    border-radius: 5px;
    background-color: white;
    color: #0d6efd;
    border: 1px solid #0d6efd;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
    font-family: sans-serif;
    padding-top: 4px;
}


 .button2:hover {
    background-color: #0d6efd;
    color: white;
  }
  .img{
    height: 18px !important ;
    width: 18px !important;
  }
  .list-group-item:before {
    content: "" !important;
    
}