.register-block-sec{
  height: auto;
  min-height: calc(100vh - var(--header-height));

}
.reg-form-wrapp{
  padding: 2rem;
  border-radius: .5rem;
  background-color: var(--color-white);
  border: solid 1px var(--color-grey-2);
}
.reg-form-wrapp .accordeon{
  margin: 0;
}
.reg-form-wrapp__accordeon {
  padding: 0;
}
.reg-form-wrapp__accordeon .accordeon-title{
  position: relative;
  display: inline-block;
}
.reg-form-wrapp__accordeon .accordeon-title::before{
  right: 20px;
  margin-top: 5px;
}
.reg-form-wrapp__accordeon .accordeon-title.active::after{
  margin-top: 10px;
}
.reg-form-wrapp__accordeon .accordeon-title .user-data-form-title{
  margin: 0;
}
.reg-form-wrapp__accordeon .accordeon-content{
  margin-top: 1.5rem;
}
.reg-user-type-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem;
}
@media (max-width:991px) {
  .reg-user-type-list{
    display: flex;flex-wrap: wrap;
  }
  .reg-user-type-list>*{
    flex-basis: 18rem;
    flex-grow: 1;
  }
}
@media (max-width:767px) {
  .reg-form-wrapp{
    padding: 1.5rem;
  }
  .reg-title-wrapp{
    text-align: left;
  }
  body .register-block-sec{
    min-height: unset;
  }
  
  
}


/* REG STEPPER */
.reg-stepper{
  --step-size: 3.25rem;
  --line-size: 3.75rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
.reg-stepper__step{
  position: relative;
  width: var(--step-size);
  height: var(--step-size);
  border-radius: 50%;
  background-color: var(--color-blue);
  border: solid 2px var(--color-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: var(--color-white);
  z-index: 1;
  flex-shrink: 0;
}
.reg-stepper__step.is-active{
  background-color: #F0F0F0;
  color: var(--color-blue);
}
.reg-stepper__step.is-active ~ .reg-stepper__line{
  background-color: #B3B3B3;
}
.reg-stepper__step.is-active ~ .reg-stepper__step{
  background-color: #F0F0F0;
  color: #B3B3B3;
  border-color: #B3B3B3;
}
.reg-stepper__line{
  position: relative;
  width: var(--line-size);
  height: 2px;
  background-color: var(--color-blue);
}

@media (max-width:767px) {
  .reg-stepper{
    --step-size: 1.75rem;
    --line-size: 3.125rem;
    font-size: 0.875rem;
  }
}


.reg-step{
  position: relative;display: none;
}
.reg-step.is-active{
  display: block;
}


.reg-step-success{
  display: grid;
  grid-template-columns: 6fr 5fr;
  gap: 5.625rem;
  align-items: center;
}
@media (min-width:1200px) {
  .reg-step .col-xl-5{
    width: 100%;
    max-width: 43rem;
  }
  .reg-title-wrapp .h3{
    font-size: 26px;
  }
}
@media (max-width:991px) {
  .reg-step-success{
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .reg-step-success__image{
    grid-row: 1;
  }
}
.reg-form-wrapp .select-city-wrapper{
  margin: 0;
}