@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,300;0,400;0,700;0,800;1,200&display=swap');

/* CSS Document */


#register-form fieldset:not(:first-of-type) {
    display: none
}


.progressbar {
      counter-reset: step;
    display: flex;
    padding-inline-start: 0px;
    font-family         : 'Prompt', sans-serif, Arial;
  }
  .progressbar li {
      list-style-type: none;
      flex: 1;
      font-size: 1.2rem;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
  }
.progressbar li span {
    font-size: 1rem;
}
  .progressbar li:before {
      width: 50px;
      height: 50px;
      content: counter(step);
      counter-increment: step;
      border: 2px solid #7d7d7d;
      display: flex;
      justify-content: center;
    align-items: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
  }
  .progressbar li:after {
    width: calc(100% - 50px);
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 25px;
    left: calc(-50% + 25px);
  }
  .progressbar li:first-child:after {
      content: none;
  }
  .progressbar li.active {
      color: var(--color-primary);
  }
  .progressbar li.active:before {
      border-color: var(--color-primary);
    -webkit-box-shadow: 8px 8px 10px #57009c, -8px -8px 10px #810087;
    box-shadow: 8px 8px 10px #57009c, -8px -8px 10px #810087;
  }
  .progressbar li.active + li:after {
      background-color: var(--color-primary);
  }
.img-regisform {
    position: relative;
	display: block;
	max-width: 100px;
    margin: 40px auto;
/*
   background: linear-gradient(purple, violet);
    -webkit-filter: opacity(.5) drop-shadow(0 0 0 red);
  filter: opacity(.5) drop-shadow(0 0 0 red);
*/
    
}



.form-control {
    max-width: 300px;
    margin: auto;
    margin-top: 5px;
}
.form-btn-group {
    margin-top: 30px;
}
fieldset {
    border: none;
    margin: 15px;
}

.form-card{
	text-align: center;
}
@media screen and (max-width:480px){

    .progressbar span {
        display: none;
    }
    
}