#msform {
  text-align: center;
  position: relative;
  padding-top: 50px;
  /* padding: 20px 105px; */
  /* min-height: 820px; */
    height: auto;
  
  background: #ffffff;
  z-index: 1;
  border-radius: 25px;
  box-shadow: 3px 3px #88888818, -3px 0px #88888818;
  margin-bottom: 1rem;
  
}

div.form-container {
  position: relative;
  max-width: 820px;
  margin: 0 auto;
  margin-top: 2rem;
  padding: 0 1rem;
}

div.form-container > .banner {
  position: relative;
  bottom: -2.5rem;
  background-color: #ff590c;
  color: #fff;
  padding: 1rem 1rem;
  padding-bottom: 3rem;
  border-radius: 15px;
}

.banner p {
  color: #ffffff;
}


#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }

p.prog {
    list-style-type: none;
    color: #00000058;
    width: 2.2rem;
    height: 2.2rem;
    background-color: rgba(142, 137, 137, 0.104);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;

    transition: background-color 0.1s ease-in-out;

  }
p.prog-done {
  color: #fff;
  background-color: orangered;
}

.prog-bar {
    width: 10%;
    background-color: rgba(142, 137, 137, 0.104);
    height: 0.45rem;
    border-radius: 15px;
  }



.prog-bar > div {
    height: 100%;
    width: 0%;
    background-color: orangered;
    border-radius: 15px;
    transition: width 0.12s ease-out;
  }

.prog-bar-active > div {
    width: 55%;
    /* transition: width 0.12s ease-out 0.12s; */
  }

.prog-bar-done > div {
    width: 100%;
  }

#msform fieldset {
  border: 0;
  padding: 20px 105px;
  position: relative;
  width: 100%;
  left: 0;
  right: 0;

  transition: display 2s ease-in-out 1s;
}

@media screen and (max-width: 767px) {
  #msform {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }

  #msform fieldset {
    padding: 20px 1.5rem;
  }
  
}

.display-transition {
  transition: opacity 0.1s ease-out;
}



fieldset + fieldset {
  display: none;
  
}

.navbar-area {
  position: static;
}

.hide {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.btn-orange {
  background-color: #ff793b;
  color: #fff;
  transition: all .3s ease-out 0s;
}

.btn-orange:hover {
  color: #fff;
  /* transform: scale(1.05); */
  background-color: #ff590c;
}