.step-wizzard .wizzard-ul{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 100%;
    /* max-width: 790px; */
  }
  .step-wizzard .wizzard-ul::before{
    content: "";
    position: absolute;
    border: 1px solid #B98A3E;
    height: 1px;
    width: 71%;
    top: 47%;
    left: 167px;
  }
  .step-wizzard .div span{
    color: #857F7E;
    border: 1px solid #857F7E;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    border-radius: 50%;
    font-size: 20px;
  }
  .step-wizzard .progressbar .progressbar-list.active .div span{
    background: #5D473F;
    color: #FFFFFF;
  }
  .submit-wizzard{
    padding: 15px;
    background-color:#B98A3E;
    color: #FFFFFF;
        width: 100%;
  }
  /* - - - -- - - extra add- - -- -  --  */

  .wizard-contact{
    margin-top: 0 !important;
  }

.group{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.group-radio{
  display: flex;
  align-items: center;
  gap: 10px;
}

.radio {
  appearance: none; 
  width: 15px;
  height: 15px;
  background-color: white;
  border: 2px solid #B98A3E;
  border-radius: 50%; 
  outline: none;
  cursor: pointer;
}
.radio:checked {
  border-width: 2px;
  border-color: #B98A3E;
  position: relative;
}
.radio:checked::before{
  content: "";
  position: absolute;
  background-color: #B98A3E;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  right: -2px;
  top: -2px;
}