.wallet {
  width:100%;
}

.case {
  background-color: white;
  
  padding: 10px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
   border-bottom: 2px solid lightgrey;

}

.case-svg {
  margin-left: auto;
  transition: transform .5s linear;
}

.case-svg > svg {
  width: 32px;
  height: 32px;
  transition: transform 1s linear;
}

.case-svg > svg path {
  fill: black;
  stroke: black;
}

.case.open .case-svg {
  transform: rotatez(90deg);
}

.case-icon {
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  background-color: white;
}

.case-title {
  /*padding: 0 1em;*/
  /*margin-right: 20px;*/
  font-weight: 550;
  font-size: 20px;
  color: black;
}

.case-content {
  width: 100%;
  margin: 0 auto;
  background-color: white;
  font-size: 1em;
  overflow-y: hidden;
  height: 0px;
}

.case-content > div {
  /*display: flex;*/
  width: 100%;
  /*align-items: center;*/
  /*padding: 10px 20px;*/
  border-bottom: 1px solid black;
  cursor: pointer;
}

.case-content > div:nth-last-child(1) {
  border-bottom: 0;
}

.case-content-icon {
  width: 24px;
  height: 24px;
  border-radius: 99999px;
  background-color: white;
}

.case-content-title {
  padding: 20px 50px;
  font-weight: 680;
  font-size: 20px;
}

.case-content-box{

padding: 0px 50px;

}
.card2-bg{

  background-color: #f8f9fa;
  border-radius: 25px;
  padding: 20px;
  
}

@media only screen and (min-width: 570px) {
  
  .border_left {
    border-left: 2px solid lightgrey; height: 80px;
  }
}
@media only screen and (max-width: 570px) {
  .border_left {
    border-top: 2px solid lightgrey; width: 90%;
    margin-left: 16px;
  }
}