.logins_left_blck{
    padding-bottom: 0;
    position: relative;
}
.round_blue{
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.login_form{
    max-width: 445px;
    padding-right: 15px;
    flex-direction: column;
    align-items: start;
    gap: 20px;
}
.files_images_web{
    display: none;
}
.files_images_web_active{
    display: flex;
}
.inps_err_blck{
    flex-direction: column;
    align-items: start;
    gap: 12px;
}
.inps_err_blck textarea{
    border-radius: 20px !important;
}
.error_message {
    display: none;
    color: var(--red);
    font-size: var(--forteen);
}
.error_message_active {
    display: block;
}
.inps_{
    font-size: var(--eighteen);
    padding: 17px 40px;
    border-radius: 90px;
    border: 1px solid #BDCAD4;
    background: #E8EDF1;
}
.inps_:focus{
    border-color: var(--brandBlue);
}
.inps_error {
    border-color: var(--red) !important;
    background: #F8DADA !important;
}
.inps_error::placeholder{
    color: var(--red);
}
.eye, .eye_line {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 40px;
    display: none;
    cursor: pointer;
}
.eye_active {
    display: flex;
}
.inp_rel{
    position: relative;
}
.forgot_pass{
    font-size: var(--eighteen);
    font-family: 'Manrope-SemiBold';
}
.forgot_pass:hover{
    text-decoration: underline;
}
.plus_phone{
    position: absolute;
    left: 20px;
    display: none;
}
.radio_lab{
    position: relative;
    cursor: pointer;
    gap: 16px;
    justify-content: start;
}
.choose_radio{
    font-size: var(--sixteen);
    color: #717476;
}
.check_inp{
    min-width: 28px;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background-color: #E8EDF1;
}
.login_form .login_btn{
    text-transform: none;
    background-color: var(--brandBlue);
    color: var(--white);
    font-size: var(--twofour);
    justify-content: center;
    border-radius: 90px;
    cursor: pointer;
    padding: 15px;
}
.login_section .right_side_general{
    margin: auto 0 auto 40px;
} 
.inp_rel .inps_ {
    padding-right: 62px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.register_form, .register_two_form{
    display: none;
}
.register_step_active{
    display: flex;
}
.back_btn{
    cursor: pointer;
    padding: 12px 30px 12px 20px;
    border-radius: 90px;
    gap: 20px;
    font-size: var(--twenty);
    width: fit-content;
    border: 1px solid rgba(16, 61, 97, 0.10);
}
.back_btn:hover{
    border-color: var(--brandBlue);
}
.two_inps{
    align-items: start;
    gap: 16px;
}
.login_form .description_{
    margin: 0;
}
.dropdown_title{
    gap: 10px;
    cursor: pointer;
}
.chosen_city{
    color: #717476;
    font-size: var(--eighteen);
}
.dropdown_rel{
    position: relative;
}
.drops_hidden{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
    position: absolute;
    top: 56px;
    left: 0;
    border-radius: 20px;
    overflow: hidden;
    display: none;
}
.dropdwon_{
    max-height: 197px;
    background-color: var(--white);
    border-radius: 20px;
    flex-direction: column;
    overflow: auto;
}
.dropdwon_::-webkit-scrollbar-thumb{
    background-color: var(--brandBlue);
    background-clip: padding-box;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.dropdwon_::-webkit-scrollbar{
    height: 2px;
    width: 2px;
}
.dropdwon_::-webkit-scrollbar-track {
    background-color: #DFE5EA;
}
.dropdwon_active{
    display: flex;
}
.flag_contry, .flag_contry svg{
    width: 24px;
    height: 24px;
}
.flag_contry img{
    border-radius: 50%;
}
.choose_country_sp{
    font-size: var(--forteen);
}
.choose_language{
    border-bottom: 1px solid rgba(16, 61, 97, 0.10);
    justify-content: start;
    gap: 10px;
    padding: 12px;
    cursor: pointer;
}
.choose_language:hover{
    background: rgba(16, 61, 97, 0.05);  
}
.choose_language:hover .choose_country_sp{
    font-family: 'Manrope-Bold';
}
.drps_svg_active svg{
    transform: rotate(180deg);
}
.chosen_flag_blck{
    display: none;
}
.chosen_flag_blck_active{
    display: flex;
}
.chosen_block{
    gap: 10px;
}
.choose_another_country{
    display: none;
    color: #717476;
    padding: 12px;
    font-size: var(--forteen);
    cursor: pointer;
}
.choose_another_country:hover{
    text-decoration: underline;
}
.choose_another_country_active{
    display: block;
}
.gender_blck{
    justify-content: start;
    gap: 10px;
}
.checko_, .checko_ input, .checkbox_form {
    width: 28px;
    height: 28px;
    aspect-ratio: 1 / 1;
}
.checko_ input {
    opacity: 0;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}
.checkbox_form {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(16, 61, 97, 0.20);
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    z-index: 0;
}
.checko_svg {
    width: 60%;
    height: 60%;
    background-color: var(--brandBlue);
    border-radius: 50%;
    display: none;
}
.checko_ input:checked~.checkbox_form .checko_svg {
    display: flex;
}
.label_inps{
    flex-direction: column;
    align-items: start;
    gap: 14px;
}
.label_sp{
    font-size: var(--eighteen);
    color: #717476;
}
.files_imgs_inps_web {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 16px 18px;
    border-radius: 20px;
    border: 1px dashed rgba(16, 61, 97, 0.20);
    background: rgba(16, 61, 97, 0.05);
}
.upoload_img svg{
    width: 40px;
    height: 40px;
}
.input_img_download_web{
    position: relative;
    gap: 12px;
    flex-direction: column;
    cursor: pointer;
}
.file_btn_web{
    font-size: var(--sixteen);
    color: #717476;
    text-align: center;
    font-family: 'Manrope-Bold';
}
.thin_file_btn{
    font-size: var(--forteen);
    color: #717476;
}
.file_download_web{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.image_container_web {
    position: relative;
    height: 125px;
}
.delete_img_web {
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--white);
    border: 0.822px solid #103D61;
    justify-content: center;
}
.file_id_img {
    border-radius: 16px;
    width: 125px;
    height: 125px;
    min-width: 125px;
    box-shadow: 0px 0px 5.8px 0px rgba(0, 0, 0, 0.25);
}
.nameof_img{
    font-size: var(--eighteen);
    color: #717476;
    font-family: 'Manrope-Bold';
}
.inps_error .upoload_img svg path{
    fill: var(--red);
}