:root {
    --bg_wht: #FFFFFF;
    --bg_snt: #FFF6ED;
    --default_orange_sc: #EC8738;
    --hover_orange_sc: #FA9B43;
    --head_text_sc: #313131;
    --paragraph_text_sc: #6A6A6A;
    --border_lgt_color: #C0C0C0;
    --text_prmy: #518EF8;
    --input_border_color_sc: #A3A3A3;
    --error_color_sc: #B91C1D;
    --fnt_40: 4rem;
    --fnt_45: 4.5rem;
    --fnt_12: 1.2rem;
    --fnt_14: 1.4rem;
    --fnt_16: 1.6rem;
    --fnt_18: 1.8rem;
    --fnt_20: 2rem;
    --fnt_22: 2.2rem;
    --fnt_23: 2.3rem;
    --fnt_35: 3.5rem;
    --fnt_wht_400: 400;
    --fnt_wht_500: 500;
    --fnt_wht_600: 600;
    --fnt_wht_700: 700;
    --fnt_wht_800: 800;
}


button {
    cursor: pointer;
    border: none;
    background-color: transparent;
}

.auth_login_register_container_sc {
    display: flex;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    background: var(--bg_snt);
    overflow: hidden;
}
.auth_login_register_lft_section_sc {
    /* max-width: 660px; */
    width: 34.4%;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}
.auth_login_register_rgt_section_sc {
    flex-grow: 1;
    background: var(--bg_wht);
    box-shadow: 5px 5px 60px rgba(77, 65, 126, 0.08);
    border-radius: 50px 0px 0px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5rem;
    padding-top: 6rem;
    position: relative;
    /* height: 100%; */
}
.auth_login_register_lft_section_sc {
    padding: 8rem;
}
.auth_logo_sc {
    padding-bottom: 4rem;
}
.logo_auth_sc {
    width: 28rem;
    height: auto;
}
.logo_zi_auth_sc {
    width: 16rem;
    height: auto;
}
.logo_we_auth_sc {
    width: 23rem;
    height: auto;
}
.auth_login_register_lft_title_sc h2 {
    font-weight: var(--fnt_wht_600);
    font-size: var(--fnt_40);
    line-height: 6rem;
    color: var(--head_text_sc);
}
.auth_login_register_lft_title_sc h1 {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: var(--fnt_wht_800);
    font-size: var(--fnt_45);
    line-height: 6.7rem;
    color: var(--default_orange_sc);
}
.auth_login_register_robo_sc {
    position: absolute;
    /* bottom: 0px; */
    top: 21%;
    right: -37rem;
    width: 93rem;
}
.auth_login_register_robo_sc img {
    width: 56rem;
    max-height: 28vw;
}
.auth_login_register_rgt_container_sc {
    width: 100%;
    text-align: center;
    display: flex;
    /* flex: 1; */
    justify-content: center;
    align-items: center;
}
.auth_login_section_sc, .auth_forgot_pwd_sc, .auth_forgot_pwd_otp_sc, .auth_new_pwd_sc {
    max-width: 57.5rem;
    width: 100%;
    margin: 0 auto;
}
.auth_register_section_sc, .auth_graet_job_section_sc, .auth_register_otp_sc, .auth_change_number_section_sc, .auth_business_details_section_sc {
    max-width: 57.5rem;
    width: 100%;
    margin: 0 auto;
}
.auth_login_register_rgt_cont_sc h3 {
    font-weight: var(--fnt_wht_600);
    font-size: var(--fnt_35);
    color: var(--head_text_sc);
    padding-bottom: 2rem;
}
.auth_login_register_rgt_cont_sc p {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_18);
    color: var(--paragraph_text_sc);
}
.auth_signin_with_google_sc {
    height: 5.6rem;
    width: 100%;
    border: 1px solid var(--border_lgt_color);
    border-radius: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.1rem;
    margin-bottom: 3rem;
}
.auth_signin_with_google_sc:hover {
    background: var(--bg_snt);
    box-shadow: 0 0 1rem rgba(22, 22, 22, 0.24);
}
.auth_signin_with_google_sc p {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    color: var(--text_prmy);
}
.auth_login_register_rgt_cont_sc {
    text-align: center;
    padding-bottom: 3rem;
}
.auth_login_or_sect_sc {
    padding-bottom: 3rem;
}
.auth_login_or_sect_sc h6 {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    text-align: center;
    color: var(--border_lgt_color);
}
.auth_input_field_sc {
    background: var(--bg_wht);
    border: 1px solid var(--input_border_color_sc);
    border-radius: 0.8rem;
    height: 5.6rem;
    /* width: 100%; */
    flex-grow: 1;
    display: flex;
    align-items: center;
    position: relative;
}
.auth_input_field_sc.username{
    margin-bottom: 3rem;
    margin-top: 1rem;
}
.auth_signin_btn_sc.btn_log_bg{
    margin-top: 3rem;
}
.auth_input_phone_field_sc {
    background: var(--bg_wht);
    border: 1px solid var(--input_border_color_sc);
    border-radius: 0.8rem;
    height: 5.6rem;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    position: relative;
}
.auth_input_field_sc input {
    border: none;
    outline: none;
    width: 100%;
    background-color: transparent;
    padding: 0 5.2rem 0 1.6rem;
    height: 100%;
    border-radius: 2rem;
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_16);
    color: var(--paragraph_text_sc);
}
.auth_input_field_sc input::placeholder {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_16);
    color: #C0C0C0;
}
.auth_input_phone_field_sc input {
    border: none;
    outline: none;
    width: 100%;
    background-color: transparent;
    padding: 0 5.2rem 0 1.6rem;
    height: 5rem;
    border-radius: 2rem;
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_16);
    color: var(--paragraph_text_sc);
}
.auth_input_phone_field_sc input::placeholder {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_16);
    color: #C0C0C0;
}
.auth_login_forgot_pw_sc {
    display: flex;
    align-items: center;
    justify-content: end;
    padding-bottom: 3rem;
}
.auth_login_forgot_pw_sc p {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    text-align: right;
    color: var(--default_orange_sc);
    cursor: pointer;
}
.auth_signin_btn_sc, .auth_sentotp_btn_sc, .auth_otpnext_btn_sc, .auth_new_pwd_next_btn_sc, .auth_registerotpnext_btn_sc {
    border-radius: 5rem;
    width: 100%;
    height: 5.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--default_orange_sc);
}
.auth_signin_btn_sc span, .auth_sentotp_btn_sc span, .auth_otpnext_btn_sc span, .auth_new_pwd_next_btn_sc span, .auth_registerotpnext_btn_sc span {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    color: var(--bg_wht);
}
.auth_signin_btn_sc:hover, .auth_sentotp_btn_sc:hover, .auth_otpnext_btn_sc:hover, .auth_new_pwd_next_btn_sc:hover, .auth_registerotpnext_btn_sc:hover {
    background: var(--hover_orange_sc);
    box-shadow: 0px 0px 10px rgba(255, 186, 122, 0.65);
    transition: all 0.3s;
}
.auth_register_btn_sc, .auth_register_changenum_btn_sc, .auth_business_details_btn_sc, .join_member_auth_changenum_btn_sc {
    border-radius: 5rem;
    width: 100%;
    height: 5.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--default_orange_sc);
}

.auth_register_btn_sc span, .auth_register_changenum_btn_sc span, .auth_business_details_btn_sc span, .join_member_auth_changenum_btn_sc span {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    color: var(--bg_wht);
}
.auth_register_btn_sc:hover, .auth_register_changenum_btn_sc:hover, .auth_business_details_btn_sc:hover, .join_member_auth_changenum_btn_sc:hover {
    background: var(--hover_orange_sc);
    box-shadow: 0px 0px 10px rgba(255, 186, 122, 0.65);
    transition: all 0.3s;
}

.auth_login_goto_sc {
    display: flex;
    align-items: center;
    padding-bottom: 4rem;
    gap: 0.5rem;
}
.auth_login_goto_sc p {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_18);
    color: var(--paragraph_text_sc);
}
.auth_login_goto_sc a {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    color: var(--default_orange_sc);
    cursor: pointer;
}

.auth_register_goto_sc {
    display: flex;
    align-items: center;
    padding-bottom: 4rem;
    gap: 0.5rem;
}
.auth_register_goto_sc p {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_18);
    color: var(--paragraph_text_sc);
}
.auth_register_goto_sc a {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    color: var(--default_orange_sc);
    cursor: pointer;
}

.auth_input_field_sc label {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 1rem 1.6rem;
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_16);
    color: var(--border_lgt_color);
    pointer-events: none;
    transition: .5s;
    transform: translate(0px, -50%);
}
.auth_input_field_sc.auth_input_field_require_sc input:focus ~ label,
.auth_input_field_sc.auth_input_field_require_sc input:valid ~ label,
.auth_input_field_sc.auth_input_field_require_sc input:disabled ~ label {
    top: 0;
    left: 0.8rem;
    font-size: var(--fnt_12);
    font-weight: var(--fnt_wht_400);
    color: var(--paragraph_text_sc);
    padding: 0px 0.4rem;
    background: var(--bg_wht);
}
.auth_input_field_sc.auth_input_field_payment_btn_sc input ~ label {
    top: 0;
    left: 0.8rem;
    font-size: var(--fnt_12);
    font-weight: var(--fnt_wht_400);
    color: var(--paragraph_text_sc);
    padding: 0px 0.4rem;
    background: var(--bg_wht);
}
.auth_input_field_sc.auth_input_field_readonly_sc input:read-only ~ label {
    top: 0;
    left: 0.8rem;
    font-size: var(--fnt_12);
    font-weight: var(--fnt_wht_400);
    color: var(--paragraph_text_sc);
    padding: 0px 0.4rem;
    background: var(--bg_wht);
}
.auth_input_field_sc input:focus + label, .auth_input_field_sc input.has-value + label,
 .auth_input_field_sc textarea:focus + label, .auth_input_field_sc textarea.has-value + label,
  .auth_input_field_sc.auth_input_field_optional_sc input:not(:placeholder-shown) + label {
    top: 0;
    left: 0.8rem;
    font-size: var(--fnt_12);
    font-weight: var(--fnt_wht_400);
    color: var(--paragraph_text_sc);
    padding: 0px 0.4rem;
    background: var(--bg_wht);
}
.auth_input_phone_field_sc label {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0.5rem 0 0.5rem 1.6rem;
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_16);
    color: var(--border_lgt_color);
    pointer-events: none;
    transition: .5s;
    transform: translate(0px, -50%);
}
.auth_input_phone_field_require_sc input:focus ~ label,
.auth_input_phone_field_require_sc input:valid ~ label,
.auth_input_field_sc input:disabled ~ label {
    top: 0;
    left: 0.8rem;
    font-size: var(--fnt_12);
    font-weight: var(--fnt_wht_400);
    color: var(--paragraph_text_sc);
    padding: 0px 0.4rem;
    background: var(--bg_wht);
}
.auth_input_phone_field_sc input:focus + label, .auth_input_phone_field_sc input.has-value + label,
 .auth_input_phone_field_sc textarea:focus + label, .auth_input_phone_field_sc textarea.has-value + label,
  .auth_input_phone_field_sc.auth_input_field_optional_sc input:not(:placeholder-shown) + label {
    top: 0;
    left: 0.8rem;
    font-size: var(--fnt_12);
    font-weight: var(--fnt_wht_400);
    color: var(--paragraph_text_sc);
    padding: 0px 0.4rem;
    background: var(--bg_wht);
}
.auth_input_field_sc.auth_error_sc input:focus ~ label, .auth_input_field_sc.auth_error_sc input:valid ~ label {
 color: var(--error_color_sc);
}
.auth_eye_icon_sc {
    position: absolute;
    right: 1rem;
    cursor: pointer;
    width: 4rem;
    height: 100%;
    /* transform: translateY(-50%); */
    /* top: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.auth_eye_icon_sc svg path {
    stroke: var(--input_border_color_sc);
}
.auth_input_field_sc input:focus ~ .auth_eye_icon_sc svg path,
.auth_input_field_sc input:valid ~ .auth_eye_icon_sc svg path {
    stroke: var(--paragraph_text_sc);
}
input:-webkit-autofill {
    -webkit-text-fill-color: var(--paragraph_text_sc);
    -webkit-background-clip: text;
}
.auth_input_field_sc.auth_error_sc {
    background: var(--bg_wht);
    border: 1px solid var(--error_color_sc);
    border-radius: 0.8rem;
}
.auth_input_field_sc.auth_error_sc label {
    color: var(--error_color_sc) !important;
}
.auth_input_phone_field_sc.auth_error_sc {
    background: var(--bg_wht);
    border: 1px solid var(--error_color_sc);
    border-radius: 0.8rem;
}
.auth_input_phone_field_sc.auth_error_sc label {
    color: var(--error_color_sc) !important;
}
.auth_input_field_sc div.error {
    position: absolute;
    right: 0;
    bottom: -2.3rem;
}
.auth_input_phone_field_sc div.error {
    position: absolute;
    right: 3rem;
    bottom: -2.3rem;
}
.auth_input_field_sc div.error, .auth_input_phone_field_sc div.error {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_12);
    text-align: right;
    color: var(--error_color_sc);
}
.auth_back_forgot_pwd_sc, .auth_back_register_pwd_sc, .auth_back_changenum_pwd_sc {
    padding-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.auth_back_forgot_pwd_sc p, .auth_back_register_pwd_sc p, .auth_back_changenum_pwd_sc p {
    font-size: var(--fnt_18);
    color: var(--paragraph_text_sc);
    font-weight: var(--fnt_wht_500);
    cursor: pointer;
}
.auth_otp_field_sect_sc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding-bottom: 3rem;
}
.auth_otp_field_sect_sc input {
    width: 5.6rem;
    height: 5.6rem;
    background: transparent;
    border: 0.1rem solid #C0C0C0;
    border-radius: 0.8rem;
    text-align: center;
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_23);
    color: var(--paragraph_text_sc);
    outline: none;
}
.auth_havebt_otp_sc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.auth_havebt_otp_sc h6 {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_18);
    color: var(--paragraph_text_sc);
}
.auth_havebt_otp_sc p {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_18);
    color: var(--paragraph_text_sc);
    cursor: pointer;
}
.auth_havebt_otp_sc span {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    color: var(--default_orange_sc);
}
.auth_havebt_otp_sc {
    padding-bottom: 3rem;
}
.auth_input_field_sc:hover {
    border: 1px solid var(--hover_orange_sc);
}
.auth_input_phone_field_sc:hover {
    border: 1px solid var(--hover_orange_sc);
}
.auth_input_phone_hide_sc {
    color: var(--head_text_sc);
}
.auth_input_phone_field_sc input:focus ~ label .auth_input_phone_hide_sc,
.auth_input_phone_field_sc input:valid ~ label .auth_input_phone_hide_sc {
    display: none;
}
/* .auth_input_phone_field_sc input:focus ~ label {
    color: var(--error_color_sc);
} */
.auth_input_phone_cunt_sc {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -2.3rem;
    right: 0;
}
.auth_input_phone_cunt_sc p, .auth_input_phone_cunt_sc span {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_12);
    color: var(--paragraph_text_sc);
}
.auth_register_sent_sc {
text-align: left;
}

.check_popup input[type=checkbox] + label {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_16);
    color: var(--head_text_sc);
    gap: 1rem;
    width: fit-content;
    position: relative;
  }

  .check_popup input[type=checkbox] {
    display: none;
  }
  .check_popup input[type=checkbox]:checked + label:after {

    content: '';
    background-image: url(../images/mk_img/Sign-in/check.svg);
    position: absolute;
    background-size: contain;
    background-position: 100%;
    width: 1.8rem;
    height: 10px;
    background-repeat: no-repeat;

  }

  .check_popup input[type=checkbox] + label:before {
    content: '';
    /* background-image: url(../images/mk_img/Sign-in/check.svg); */
    background: transparent;
    border-radius: 0.4rem;
    border: 1px solid var(--default_orange_sc);
    width: 2rem;
    height: 2rem;
    margin-right: 0.2rem;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -0.1rem;
  }

  /* .check_popup input[type=checkbox] + label:active:before {
    transform: scale(0);
  } */

  .check_popup input[type=checkbox]:checked + label:before {
    background: var(--default_orange_sc);
    color: var(--bg_wht);
    border-radius: 0.4rem;
    border: 1px solid var(--default_orange_sc);
    width: 2rem;
    height: 2rem;
    /* font-size: var(--fnt_18); */
  }

  .check_popup label {
    display: flex;
    align-items: center;
    padding-bottom: 2rem;
  }

  .auth_resend_otp_sc p {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    color: var(--default_orange_sc);
    cursor: pointer;
  }
  .auth_invalid_otp_sc p {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    color: var(--error_color_sc);
  }
  .auth_invalid_otp_sc {
    padding-bottom: 3rem;
  }
  .auth_register_tams_sc {
    text-align: left;
    padding-bottom: 1rem;
  }
  .auth_register_tams_sc label span {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_16);
    color: var(--default_orange_sc);
  }
  .auth_login_register_rgt_cont_sc h3 b {
    font-weight: var(--fnt_wht_600);
    font-size: var(--fnt_35);
    color: var(--default_orange_sc);
  }
  .auth_verify_num_sc {
    padding-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }
  .auth_verify_num_sc h6 {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    color: rgba(0, 0, 0, 0.5);
  }
  .auth_verify_num_sc p {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    color: var(--default_orange_sc);
    cursor: pointer;
  }
  .auth_input_arrow_sc {
    position: absolute;
    right: 2.5rem;
    cursor: pointer;
  }
.auth_business_field_sc {
    position: relative;
}
.drop_cont_sc, .drop_in_js_sc, .dp_inside_sc {
    max-height: 20rem;
    width: 100%;
    background: var(--bg_wht);
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #D4D4D4;
    border-radius: 0px 0px 8px 8px;
    position: absolute;
    top: 5rem;
    z-index: 99;
    text-align: left;
    padding: 0 2rem 2.4rem;
    overflow-Y: scroll;
    border-top: 0.1rem solid var(--default_orange_sc);
}
.drop_cont_sc::-webkit-scrollbar, .drop_in_js_sc::-webkit-scrollbar, .dp_inside_sc::-webkit-scrollbar {
    display: none;
}
.drop_cont_sc ul li, .drop_in_js_sc ul li, .dp_inside_sc ul li {
    margin: 2.4rem 0 0;
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_16);
    color: var(--input_border_color_sc);
    cursor: pointer;
}




.auth_business_field_sc.active .auth_input_field_sc .auth_input_arrow_sc {
    transform: rotate(-180deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.auth_business_field_sc .auth_input_field_sc .auth_input_arrow_sc {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.auth_business_field_sc.active .auth_input_field_sc {
    border: 0.1rem solid var(--default_orange_sc);
}
.auth_business_field_sc.active .auth_input_field_sc input:focus ~ label {
   color: var(--default_orange_sc);
}
.auth_eye_icon_sc svg {
    width: 2.2rem;
    height: 2.2rem;
}
/* .auth_logo_link_sc:hover .nrml_logo_sc {
    display: none;
} */
/* .auth_logo_link_sc:hover .hover_logo_sc {
    display: block;
} */
.auth_logo_link_sc .hover_logo_sc {
    display: none;
}
.auth_logo_link_sc .nrml_logo_sc {
    display: block;
}
.auth_logo_link_sc {
    display: inline-block;
}
.auth_register_clos_sc {
    position: absolute;
    top: 5rem;
    right: 5rem;
}
.auth_register_clos_sc a {
    display: flex;
}
.auth_register_clos_sc svg {
    width: 2.4rem;
    height: 2.4rem;
}
.drop_cont_sc ul li.active, .drop_in_js_sc ul li.active {
    color: var(--default_orange_sc);
}
.auth_otp_field_sect_sc.otp_error input {
    border: 1px solid var(--error_color_sc);
}

.disabled {
    background: var(--gg_link_sc) !important;
    pointer-events: none !important;
}
.disabled span {
    color: var(--input_border_color_sc) !important;
}
.gent_btns_sc {
    background: var(--bg_wht);
    border: 1px solid var(--tab_border_color);
    border-radius: 0.8rem;
    padding: 0 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    gap: 0.4rem;
}
.gent_btns_sc span {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_14);
    color: var(--input_border_color_sc);
}
.gent_btns_sc.active {
    background: var(--bg_snt);
    border: 1px solid var(--bg_snt);
}
.gent_btns_sc.active span {
    color: var(--default_orange_sc);
}
.gent_btns_sc.active svg path {
    fill: var(--default_orange_sc);
}
.gent_btns_sec_sc {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding-bottom: 3rem;
}
.join_check_sc {
    display: flex;
    /* align-items: center; */
    gap: 1.2rem;
    padding-bottom: 3rem;
    position: relative;
}
.join_check_sc .error {
    position: absolute;
    top: 2.2rem;
    /* left: 2.2rem; */
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_12);
    color: var(--error_color_sc);
}
.join_check_sc p {
    font-weight: var(--fnt_wht_400);
    font-size: var(--fnt_16);
    color: var(--head_text_sc);
}
.join_check_sc p span {
    color: var(--default_orange_sc);
}
.team_signin_btn_sc {
    width: 100%;
    height: 5.6rem;
    border-radius: 5rem;
    background: var(--default_orange_sc);
    margin-bottom: 3rem;
}
.team_signin_btn_sc span {
    font-weight: var(--fnt_wht_500);
    font-size: var(--fnt_18);
    color: var(--bg_wht);
}
.check_in_all_sc {
    display: flex;
}
.gent_btns_sc svg {
    width: 1.8rem;
    height: auto;
}
.join_team_back_arrow_sc {
    position: absolute;
    top: 5rem;
    left: 5rem;
}
.join_team_back_mob_arrow_sc, .auth_register_mob_clos_sc {
    display: none;
}


@media (min-width: 1650px) and (max-width: 1920px) {
    html.login_register_sc {
        font-size: 55.5%;
    }
}
@media (min-width: 1200px) and (max-width: 1650px) {
    /* .auth_login_register_lft_section_sc {
        padding: 4rem;
    } */
    html.login_register_sc {
        font-size: 45.5%;
    }
}
@media (min-width: 1025px) and (max-width: 1650px) {
    .check_popup input[type=checkbox]:checked + label:after {
        height: 8px;
    }
}

@media (max-width: 1440px) {
    :root {
        --fnt_40: 3.5rem;
        --fnt_45: 4rem;
    }
    .auth_login_section_sc, .auth_forgot_pwd_sc, .auth_forgot_pwd_otp_sc, .auth_new_pwd_sc {
        max-width: 485px;
    }
    .auth_register_section_sc, .auth_graet_job_section_sc, .auth_register_otp_sc, .auth_change_number_section_sc, .auth_business_details_section_sc {
        max-width: 485px;
    }
    .auth_login_register_robo_sc img {
        width: 480px;

    }
    /* .auth_login_register_lft_section_sc {
        padding: 4rem;
    } */
    .auth_login_register_robo_sc {
        position: absolute;
        /* bottom: 10px; */
        top: 26%;
        right: -30rem;
        width: 79rem;
    }
}
@media (max-width: 1024px) {
    :root {
        --fnt_14: 1.2rem;
        --fnt_16: 1.4rem;
        --fnt_18: 1.6rem;
        --fnt_35: 2.8rem;
        --fnt_40: 3.5rem;
        --fnt_45: 3.5rem;
    }
    .auth_login_register_lft_title_sc h1, .auth_login_register_lft_title_sc h2 {
        line-height: 5rem;
    }
    .auth_login_register_container_sc {
        flex-direction: column;
    }
    .auth_login_register_cont_title_sc {
        display: flex;
        align-items: center;
        justify-content: space-around;
        gap: 3.5rem;
    }
    .auth_login_register_robo_sc {
        position: relative;
        top: unset;
        right: unset;
    }
    .auth_login_register_lft_section_sc {
        width: 100%;
    }
    .auth_logo_sc {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .auth_login_register_rgt_section_sc {
        border-radius: 4rem 4rem 0 0;
        padding-top: 4rem;
        justify-content: start;
        gap: 2.8rem;
        box-shadow: 0px -1rem 1rem rgba(0, 0, 0, 0.05);
    }
    .auth_login_register_rgt_container_sc {
        flex: 0;
    }
    .auth_login_register_robo_sc img {
        width: 34rem;
        max-height: 41vw;
    }
    .auth_login_register_rgt_cont_sc {
        padding-bottom: 2rem;
    }
    .auth_signin_with_google_sc {
        height: 5.2rem;
        margin-bottom: 1.6rem;
    }
    .auth_login_section_sc, .auth_forgot_pwd_sc, .auth_forgot_pwd_otp_sc, .auth_new_pwd_sc {
        max-width: 65rem;
        /* padding: 0 1.6rem; */
    }
    .auth_register_section_sc, .auth_graet_job_section_sc, .auth_register_otp_sc, .auth_change_number_section_sc, .auth_business_details_section_sc {
        max-width: 65rem;
    }
    .auth_signin_with_google_sc img {
        width: 2rem;
        height: 2rem;
    }
    .auth_login_or_sect_sc {
        padding-bottom: 1.6rem;
    }
    .auth_input_field_sc {
        height: 5.2rem;
        margin-bottom: 2.4rem;
    }
    .auth_eye_icon_sc svg {
        width: 1.8rem;
        height: 1.8rem;
    }
    .auth_signin_btn_sc, .auth_sentotp_btn_sc, .auth_otpnext_btn_sc, .auth_new_pwd_next_btn_sc, .auth_registerotpnext_btn_sc {
        height: 5.2rem;
    }
    .auth_eye_icon_sc {
        right: 1rem;
    }
    .auth_input_field_sc div.error, .auth_input_phone_field_sc div.error {
        bottom: -2.1rem;
    }
    .auth_back_forgot_pwd_sc, .auth_back_register_pwd_sc, .auth_back_changenum_pwd_sc {
        padding-top: 2.4rem;
    }
    .auth_input_phone_field_sc {
        height: 5.2rem;
        margin-bottom: 2.4rem;
    }
    .auth_register_btn_sc, .auth_register_changenum_btn_sc, .auth_business_details_btn_sc, .join_member_auth_changenum_btn_sc {
        height: 5.2rem;
    }
    .auth_input_phone_field_sc input {
        height: 5rem;
    }
    .auth_input_arrow_sc {
        right: 2rem;
    }
    .drop_cont_sc, .drop_in_js_sc {
        top: 4.6rem;
    }
    .logo_auth_sc {
        width: 18rem;
        height: auto;
    }
    .logo_zi_auth_sc {
        width: 12rem;
        height: auto;
    }
    .logo_we_auth_sc {
        width: 18rem;
    }
    .auth_register_clos_sc {
        top: 3rem;
        right: 3rem;
    }
    .auth_register_clos_sc svg {
        width: 2rem;
        height: 2rem;
    }
    .gent_btns_sc {
        height: 3.8rem;
    }
    .gent_btns_sec_sc {
        padding-bottom: 2.4rem;
    }
    .team_signin_btn_sc {
        height: 5.2rem;
    }
    .join_team_back_arrow_sc {
        display: none;
    }
    .join_team_mem_otp_sc {
        padding-bottom: 3rem;
    }
    .join_team_back_mob_arrow_sc {
        position: absolute;
        top: 3rem;
        left: 3rem;
        display: flex;
    }
    .join_team_back_mob_arrow_sc a {
        display: flex;
    }
    .auth_register_clos_sc {
        display: none;
    }
    .auth_register_mob_clos_sc {
        position: absolute;
        top: 2rem;
        right: 3rem;
        display: flex;
    }
    .auth_register_mob_clos_sc a {
        display: flex;
    }
    .auth_register_mob_clos_sc svg {
        width: 2rem;
        height: auto;
    }
}
@media (max-width: 767px) {
    .auth_login_register_lft_section_sc {
        padding: 3rem;
    }
    :root {
        --fnt_12: 1rem;
        --fnt_16: 1.4rem;
        --fnt_18: 1.4rem;
        --fnt_23: 2rem;
        --fnt_35: 2.4rem;
        --fnt_40: 2.3rem;
        --fnt_45: 2.5rem;
    }
    .auth_login_register_lft_title_sc h1, .auth_login_register_lft_title_sc h2 {
        line-height: 3.6rem;
    }
    .auth_login_register_cont_title_sc {
        gap: 2.5rem;
    }
    .auth_login_register_rgt_section_sc {
        padding-top: 2rem;
        border-radius: 2rem 2rem 0 0;
        gap: 2.8rem;
    }
    .auth_signin_with_google_sc {
        height: 4.8rem;
        margin-bottom: 2rem;
    }
    .auth_login_or_sect_sc {
        padding-bottom: 2rem;
    }
    .auth_login_section_sc, .auth_forgot_pwd_sc, .auth_forgot_pwd_otp_sc, .auth_new_pwd_sc {
        max-width: 54rem;
        padding: 0 1.6rem;
    }
    .auth_input_field_sc {
        height: 4.4rem;
        margin-bottom: 2.4rem;
    }
    .auth_input_field_sc input {
        height: 100%;
        padding: 0 4rem 0 1.2rem;
    }
    .auth_eye_icon_sc {
        right: 0.5rem;
    }
    .auth_input_field_sc div.error, .auth_input_phone_field_sc div.error {
        bottom: -1.8rem;
    }
    .auth_login_forgot_pw_sc {
        padding-bottom: 2.8rem;
    }
    .auth_signin_btn_sc, .auth_sentotp_btn_sc, .auth_otpnext_btn_sc, .auth_new_pwd_next_btn_sc, .auth_registerotpnext_btn_sc {
        height: 4.8rem;
    }
    .auth_otp_field_sect_sc input {
        width: 4.4rem;
        height: 4.4rem;
    }
    .auth_otp_field_sect_sc {
        gap: 0.6rem;
        padding-bottom: 2.8rem;
    }
    .auth_havebt_otp_sc {
        padding-bottom: 2.8rem;
        flex-direction: column;
    }
    .auth_register_section_sc, .auth_graet_job_section_sc, .auth_register_otp_sc, .auth_change_number_section_sc, .auth_business_details_section_sc {
        max-width: 54rem;
        padding: 0 1.6rem;
    }
    .auth_register_btn_sc, .auth_register_changenum_btn_sc, .auth_business_details_btn_sc, .join_member_auth_changenum_btn_sc {
        height: 4.8rem;
    }
    .auth_input_phone_field_sc input {
        height: 4.4rem;
    }
    .auth_input_phone_field_sc {
        height: 4.4rem;
        margin-bottom: 2.4rem;
    }
    .auth_input_arrow_sc {
        right: 1.6rem;
    }
    .drop_cont_sc, .drop_in_js_sc {
        top: 3.8rem;
    }
    .logo_auth_sc {
        width: 14rem;
        height: auto;
    }
    .logo_zi_auth_sc {
        width: 9rem;
        height: auto;
    }
    .logo_we_auth_sc {
        width: 16rem;
    }
    .auth_register_clos_sc {
        top: 2rem;
        right: 2rem;
    }
    .auth_register_clos_sc svg {
        width: 1.8rem;
        height: 1.8rem;
    }
    .drop_cont_sc ul li, .drop_in_js_sc ul li {
        margin: 1.4rem 0 0;
    }
    .drop_cont_sc, .drop_in_js_sc {
        padding: 0px 1.6rem 1.4rem;
    }
}
@media (max-width: 428px) {
    :root {
        --fnt_12: 1rem;
        --fnt_14: 1rem;
        --fnt_16: 1.3rem;
        --fnt_18: 1.3rem;
        --fnt_23: 1.8rem;
        --fnt_35: 2.2rem;
        --fnt_40: 1.8rem;
        --fnt_45: 2rem;
    }
    .auth_login_register_lft_section_sc {
        padding: 1.6rem;
    }
    .auth_login_register_lft_title_sc h1, .auth_login_register_lft_title_sc h2 {
        line-height: 3rem;
    }
    /* .auth_login_register_cont_title_sc {
        justify-content: space-between;
    } */
    .auth_login_register_rgt_cont_sc h3 {
        padding-bottom: 1.6rem;
    }
    .auth_signin_with_google_sc {
        margin-bottom: 1.6rem;
    }
    .auth_login_or_sect_sc {
        padding-bottom: 1.6rem;
    }
    .auth_input_field_sc input {
        height: 100%;
    }
    .auth_input_field_sc {
        height: 4rem;
    }
    .auth_login_forgot_pw_sc {
        padding-bottom: 2.4rem;
    }
    .auth_signin_btn_sc, .auth_sentotp_btn_sc, .auth_otpnext_btn_sc, .auth_new_pwd_next_btn_sc, .auth_registerotpnext_btn_sc {
        height: 4.4rem;
    }
    .auth_login_register_robo_sc img {
        width: 20rem;
        max-height: 41vw;
    }
    .auth_login_section_sc, .auth_forgot_pwd_sc, .auth_forgot_pwd_otp_sc, .auth_new_pwd_sc {
        max-width: 42rem;
        padding: 0 1.6rem;
    }
    .auth_otp_field_sect_sc {
        padding-bottom: 2.4rem;
    }
    .auth_havebt_otp_sc {
        padding-bottom: 2.4rem;
    }
    .auth_otp_field_sect_sc input {
        width: 4rem;
        height: 4rem;
    }
    .auth_input_phone_field_sc {
        height: 4.4rem;
        margin-bottom: 2.4rem;
    }  .auth_input_phone_field_sc {
        height: 4.4rem;
        margin-bottom: 2.4rem;
    }
    .auth_input_phone_field_sc {
        height: 4rem;
    }
    .auth_register_btn_sc, .auth_register_changenum_btn_sc, .auth_business_details_btn_sc, .join_member_auth_changenum_btn_sc {
        height: 4.4rem;
    }
    .check_popup input[type=checkbox] + label:before {
        width: 1.6rem;
        height: 1.6rem;
    }
    .check_popup input[type=checkbox]:checked + label:before {
        width: 1.6rem;
        height: 1.6rem;
    }
    .check_popup label {
        padding-bottom: 1.6rem;
    }
    .auth_register_tams_sc label span, .auth_register_tams_sc label {
        font-size: var(--fnt_12);
    }
    .check_popup input[type=checkbox] + label {
        font-size: var(--fnt_12);
    }
    .auth_input_phone_field_sc input {
        height: 4rem;
    }
    .drop_cont_sc, .drop_in_js_sc {
        top: 3.4rem;
    }
    .logo_auth_sc {
        width: 12rem;
        height: auto;
    }
    .logo_zi_auth_sc {
        width: 8rem;
        height: auto;
    }
    .logo_we_auth_sc {
        width: 14rem;
    }
    .auth_register_clos_sc {
        top: 1.6rem;
        right: 1.6rem;
    }
    .auth_register_clos_sc svg {
        width: 1.6rem;
        height: 1.6rem;
    }
    .check_popup input[type=checkbox]:checked + label:after {
        height: 8.3px;
        width: 1.5rem;
    }
    .gent_btns_sec_sc {
        gap: 1.6rem;
        padding-bottom: 2rem;
    }
    .gent_btns_sc {
        height: 3.6rem;
        padding: 0 2rem;
    }
    .join_check_sc {
        padding-bottom: 2rem;
        gap: 1rem;
    }
    .team_signin_btn_sc {
        height: 4.4rem;
    }
    .join_team_back_mob_arrow_sc {
        top: 2rem;
        left: 2rem;
    }
    .auth_register_mob_clos_sc {
        top: 2rem;
        right: 2rem;
    }
    .auth_register_mob_clos_sc svg {
        width: 1.8rem;
        height: auto;
    }
}
@media (max-width: 320px) {
    :root {
        --fnt_12: 1rem;
        --fnt_14: 1rem;
        --fnt_16: 1.1rem;
        --fnt_18: 1.3rem;
        --fnt_23: 1.6rem;
        --fnt_35: 2.2rem;
        --fnt_40: 1.8rem;
        --fnt_45: 2rem;
    }
    .auth_input_field_sc input {
        padding: 0 3rem 0 1.2rem;
    }
    .auth_eye_icon_sc {
        right: 1rem;
    }
    .auth_eye_icon_sc svg {
        width: 1.6rem;
        height: 1.6rem;
    }
    .auth_input_field_sc {
        margin-bottom: 2rem;
    }
    .auth_login_forgot_pw_sc {
        padding-bottom: 2rem;
    }
    .auth_otp_field_sect_sc input {
        width: 3.6rem;
        height: 3.6rem;
    }
    .logo_auth_sc {
        width: 10rem;
        height: auto;
    }
    .logo_zi_auth_sc {
        width: 8rem;
        height: auto;
    }
    .logo_we_auth_sc {
        width: 12rem;
    }
    .check_popup input[type=checkbox]:checked + label:after {
        height: 8.3px;
        width: 1.4rem;
    }
    .gent_btns_sc {
        height: 3.4rem;
        padding: 0 1rem;
    }
    .join_team_back_mob_arrow_sc {
        top: 1.6rem;
        left: 1.6rem;
    }
    .auth_register_mob_clos_sc {
        top: 1.6rem;
        right: 1.6rem;
    }
    .auth_register_mob_clos_sc svg {
        width: 1.6rem;
        height: auto;
    }
}