.auth-container{
    width:500px;
}

.progressbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 40px auto;
  }
  
  .progressbar::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 4px;
    width: 100%;
    background: #eee;
    z-index: 0;
  }
  
  .progress {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 4px;
    background: mediumseagreen;
    z-index: 0;
    width: 0%;
    transition: width 0.4s ease;
  }
  
  .step {
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color:#eee;
  }
  
  .step.active {
    border-color: mediumseagreen;
    background: mediumseagreen;
    color: #fff;
  }
  
/* CSS */
.payment-option {
    display: flex;
    flex-direction: column;
    font-family: Arial, sans-serif;
    border:1px solid lightgrey;
    padding:10px;
    border-radius:10px;
    margin-bottom:10px;
    cursor: pointer;
  }
  
  .option {
    border: 1px solid lightgrey;
    border-radius: 6px;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: background 0.3s ease, border-color 0.3s ease;
    display:flex;
    align-items: center;
  }
  
  /* Make radio button bigger */
  .option input[type="radio"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
  }
  
  .option .text {
    font-size: 16px;
  }
  
  /* Active background when selected */
  .option.active {
    background: #DFBC17;
    border-color: #DFBC17;
    color: #000;
    font-weight: bold;
  }

    .payment-option.active {
    /* background: #DFBC17; */
    border:2px solid #DFBC17;
    color: #000;
    font-weight: bold;
  }




/** Small screens start ***/
@media only screen and (max-width: 690px) {

}
/*** Small screens end ***/