.text-center-title{
    text-align: center;
    margin: 10px;
    font-weight: 700;
    font-size: 19px;
    color: #232637;
    display: block;
}

.chkterminos2{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-top: -19px;
    justify-content: flex-start;
}

.preview-image{
    text-align: -webkit-center;
    min-height: 90px;

}

.tab-form{
    position: absolute;
    top: -44px;
    background: #ffe7cc;
    color: #ff9015;
    padding: 10px 20px;
    font-size: 19px;
    font-weight: 600;
    border-radius: 10px 10px 0px 0px;
    left: 60px;
}
#image-preview{
    display: block;

    max-width: 83px;
    height: 83px;
    border-radius: 50%;
    border: 1px solid #ff9015;
    background-size: cover;
    background-position: center;
}
#signUpForm {
    max-width: 500px;
    background-color: #ffffff;
    border-radius: 30px 30px 0px 0px;
    padding: 20px 40px 23px 40px;
    position: relative;
    top: 45px;
    min-height: 319px;
}
#signUpForm .form-header {
    gap: 10px;
    text-align: center;
    /* font-size: .9em; */
    height: 60px;
    display: flex;
    align-items: center;
    flex-direction: row;
}
#signUpForm .form-header .stepIndicator {
  position: relative;
  flex: 1;
  padding-bottom: 30px;
}

.error-message{
    color: red;
    position: absolute;
    left: 45px;
    font-size:13px;
}
#signUpForm .form-header .stepIndicator.active {
  font-weight: 600;
}
#signUpForm .form-header .stepIndicator.finish {
  font-weight: 600;
  color: rgb(254, 151, 49);
}
#signUpForm .form-header .stepIndicator::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 9;
  width: 20px;
  height: 20px;
  background-color: rgb(255, 190, 126);;
  border-radius: 50%;
/*   border: 3px solid #ecf5f4; */
}
#signUpForm .form-header .stepIndicator.active::before {
  background-color: rgb(254, 151, 49);
}
#signUpForm .form-header .stepIndicator.finish::before {
  background-color: rgb(254, 151, 49);
/*   border: 3px solid rgb(255, 197, 138);; */
}
#signUpForm .form-header .stepIndicator::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 100%;
  height: 3px;
  background-color: #f3f3f3;
}
#signUpForm .form-header .stepIndicator.active::after {
  background-color: rgb(255, 159, 64);
}
#signUpForm .form-header .stepIndicator.finish::after {
  background-color: rgb(254, 151, 49);
}
#signUpForm .form-header .stepIndicator:last-child:after {
  display: none;
}
#signUpForm input {
    padding: 11px 20px;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    font-size: 15px;
    margin: 5px;
}
#signUpForm input:focus {
  border: 1px solid rgb(254, 151, 49);
  outline: 0;
}
#signUpForm input.invalid {
  border: 1px solid #ffaba5;
}
#signUpForm .step {
display: none;
}
#signUpForm .form-footer{
    overflow: auto;
    gap: 20px;
    display: flex;
    justify-content: center;
    margin-top: 7px;
}
#signUpForm .form-footer button{
    margin: 12px 0px 0px 0px;
    background: white;
    border: 1px solid #ff9015;
    padding: 10px 20px;
    border-radius: 20px;
    color: #ff9015;
    display: flex;
    align-items: baseline;
    font-size: 15px;
    font-weight: 700;
    transition: 100ms linear;
}
#signUpForm .form-footer button:hover {
background: #ff9015;
color: white;

}

#signUpForm .form-footer #prevBtn {
  background-color: #fff;
  color: rgb(254, 151, 49);
}


.trizq{

    background-image: url(../assets/images/trizq.png);
    width: 60px;
    height: 90px;
    background-size: contain;
    position: relative;
    top: 350px;

}

.trder{
    background-image: url(../assets/images/trder.png);
    width: 60px;
    height: 90px;
    background-size: contain;
    position: relative;
    top: 350px;
}