.method-card {
      width: 220px;
      height: 94px;
      cursor: pointer;
      border: 1px solid #dee2e6;
      border-radius: 12px;
      transition: border-color .2s, background .2s;
    }
    .method-card.active {
      border-color: #0d6efd;
      background-color: #e7f1ff;
    }
    .method-card i { font-size: 1.5rem; }

    .button1{
      width: 138px;
      height: 56px;
      margin-top: 20px; 
    }

    .button2{
      width: 150px;
      height: 56px;
      margin-top: 20px;
    }
    .debit{
      width:220px;
      height:94px;
    }
    .bank{
      width:220px;
      height:94px;
    }



.carr {
    padding: 17px 20px;
    width: 208px;
    border-radius: 10px;
    border: 2px solid #DADDE2;
}

.carr:hover {
    background-color: #EDF8FF;
}
.progress.mb-4 {
  height: 8px;
  background-color: black;
}

.progress-bar {/* height: 8px; */
  background: #eaeaea;
}
.carr h4 {
    font-size: 18px;
}

button.btn.btn-primary.button2 {
    border-radius: 45px;
}
.carr i{
  float: left;
  font-size: 16px;
}
.carr h5{
  float: left;
  font-size: 12px;
  color: gray;
}