@charset "UTF-8";
.content img {
    box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.10);

}

.stepsContainer .stepItem {
    border-radius: 25px;
    background-color: var(--secondColor-light);
    padding-left: 20px;
    /*cursor: pointer;*/
}

.stepsContainer .stepItem span {
    border-radius: 50vw;
    border-left: 2px solid var(--white-color);
    background-color: var(--secondColor-light);
    margin-left: 10px;
    padding: 13px;
}
.stepsContainer .stepItem span:before {
    font-size: 22px;
}
.stepsContainer .stepItem.active {
    background-color: var(--secondColor);
}

.stepsContainer .stepItem.active span {
    background-color: var(--secondColor);
}
.stepsContainer .icon-arrow-left:before{
    color: var(--text-dec-color);
}
.step1InputsContainer,
.step2InputsContainer {
    width: 100%;
}

.step1InputsContainer .dataItemContainer,
.step2InputsContainer .dataItemContainer {
    width: 100%;
    position: relative;
    padding-top: 1.5rem;
}
.step3InputsContainer .dataItemContainer{
    position: relative;
    padding-top: 1.5rem;
}

.step1InputsContainer .dataItemContainer::before,
.step2InputsContainer .dataItemContainer::before,.step3InputsContainer .dataItemContainer::before {
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    content: "";
    right: 16px;
    font-weight: 500 !important;
    top: 0;
    font-size: 12px;
    color: var(--text-dec-color);
}


.step1InputsContainer .dataItemContainer input,
.step2InputsContainer .dataItemContainer input,.step3InputsContainer .dataItemContainer input,.dehOfActivityContainer-s  {
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    direction: rtl;

}
.step1InputsContainer .dataItemContainer input:active,
.step2InputsContainer .dataItemContainer input:active {
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 0.5rem;
}
.step1InputsContainer .inputsContainer{
    width: 100%;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    direction: rtl;
}
.step2InputsContainer .inputsContainer{
    direction: rtl;

}

.step1InputsContainer .genderContanier select,
.step1InputsContainer .groupTypeContainer select,
.step2InputsContainer .genderContanier select,
.step2InputsContainer .groupTypeContainer select ,
.step2InputsContainer .provienceTypeContainer select,
.step2InputsContainer .provienceOfLifeContainer select,
.step2InputsContainer .cityTypeContainer select,
.step2InputsContainer .cityOfLifeContainer select
{
    width: 100%;
    background: #fff !important;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    direction: rtl;
}

.step1InputsContainer .birthContainer,
.step2InputsContainer .birthContainer {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding-top: 1rem !important;
    margin-top: 1.5rem;
}

.step1InputsContainer .birthContainer::before,
.step2InputsContainer .birthContainer::before {
    content: "تاریخ تولد";
    top: -1.5rem !important;
}

.step1InputsContainer .birthContainer input,
.step2InputsContainer .birthContainer input {
    /*max-width: 50px !important;*/
    height: 22px !important;
    padding-top: unset !important;
    border-radius: 4px !important;
    border: none !important;
    text-align: center;
}

.step1InputsContainer .birthContainer input::-moz-placeholder, .step2InputsContainer .birthContainer input::-moz-placeholder {
    text-align: center;
}

.step1InputsContainer .birthContainer input::placeholder,
.step2InputsContainer .birthContainer input::placeholder {
    text-align: center;
}

.step1InputsContainer .nameContainer::before {
    content: "نام";
}

.step1InputsContainer .lastNameInput::before {
    content: "نام خانوادگی";
}
.step1InputsContainer .usernameContainer::before {
    content: "نام کاربری";
}
.step1InputsContainer .passwordContainer::before {
    content: "رمز عبور";
}

.step1InputsContainer .genderContanier::before {
    content: "جنسیت";
}

.step1InputsContainer .phoneContainer::before,.step1InputsContainer .mobileContainer::before {
    content: "شماره تلفن ثابت";
}

.step1InputsContainer .mobilephoneContainer::before {
    content: "شماره تلفن همراه";
}

.step1InputsContainer .emailIContainer::before {
    content: "ایمیل";
}

.step2InputsContainer .groupNameContainer::before {
    content: "نام گروه";
}

.step2InputsContainer .groupTypeContainer::before {
    content: "نوع گروه";
}

.step2InputsContainer .provienceTypeContainer::before {
    content: "استان محل فعالیت";
}

.step2InputsContainer .cityTypeContainer::before {
    content: "شهر محل فعالیت";
}

.step2InputsContainer .positionContainer::before {
    content: "عنوان مسئولیت";
}



.step2InputsContainer .provienceOfActivityContainer input {
    width: 100% !important;
}

.step2InputsContainer .provienceOfActivityContainer::before {
    content: "استان محل فعالیت";
}
.step2InputsContainer .dehOfActivityContainer::before {
    content: "شهر یا دهستان محل فعالیت";
}
.step2InputsContainer .provienceOfLifeContainer::before {
    content: "استان محل سکونت";
}
.step2InputsContainer .cityOfLifeContainer::before {
    content: "شهرستان محل سکونت";
}


.step2InputsContainer .cityOfActivityContainer input {
    width: 100% !important;
}

.step2InputsContainer .cityOfActivityContainer::before {
    content: "شهرستان محل فعالیت";
}
.step3InputsContainer .mobileContainer::before {
    content: "شماره موبایل";
}
@media screen and (max-width: 600px) {
    .step1InputsContainer .inputsContainer,
    .step2InputsContainer .inputsContainer {
        grid-template-columns: 1fr !important;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
    }

    .step1InputsContainer .inputsContainer > div,
    .step2InputsContainer .inputsContainer > div {
        width: 100% !important;
    }

    /*.step1InputsContainer .inputsContainer > div input,*/
    /*.step2InputsContainer .inputsContainer > div input {*/
    /*    width: 100% !important;*/
    /*}*/

    .step2InputsContainer .provienceOfActivityContainer {
        width: 100% !important;
    }

    .step2InputsContainer .provienceOfActivityContainer input {
        width: 100% !important;
    }

    .step2InputsContainer .provienceOfActivityContainer::before {
        content: "استان محل فعالیت";
    }

    .step2InputsContainer .cityOfActivityContainer {
        width: 100% !important;
        margin-right: -6px !important;
    }

    .step2InputsContainer .cityOfActivityContainer input {
        width: 100% !important;
    }

    .step2InputsContainer .cityOfActivityContainer::before {
        content: "شهرستان محل فعالیت";
    }
}

@media screen and (max-width: 2000px) {
    .step1InputsContainer input {
        width: 100% !important;
    }

    .step1InputsContainer select {
        width: 100%;
    }
}

/*# sourceMappingURL=register.css.map */

@media screen and (max-width: 767px){
    .stepsContainer .icon-arrow-left{
        rotate: -90deg;
    }

}
#dehInput{
    border: none !important;
}