.otp_section{width: 100%;float: left;margin: 0px auto;}
.otp_wrapper{width: 100%;padding: 23px;}
.otp_maxwid{width: 100%;max-width: 342px;margin: 0px auto;}
.otp_imgbox{width: 100%;margin-bottom: 30px;}
.otp_imgbox img{width: 52px;}
.otp_verification_title
{
    width: 100%;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
}
.otp_sent_box
{
    width: 100%;
    margin-bottom: 40px;
}
.an_otp_text
{
    font-size: 14px;
    line-height: 20px;
}
.otp_noedit
{
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #005DAC;
    font-weight: 700;
    column-gap: 2px;
}
.otp_input_wrapper
{
    width: 100%;
    display: flex;
    column-gap: 10px;
    justify-content: space-between;
    margin-bottom: 30px;
}
.otp_inputbox
{
    width: 48px;
    height: 46px;
    padding: 10px;
    text-align: center;
    border: 1px solid #CECECE;
    border-radius: 5px;
    font-size: 14px;
    line-height: 14px;
}
.resend_otp_box
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.resend_otp_link
{
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #005DAC;
    font-weight: 700;
    position: relative;
    border-bottom: 1px solid #005DAC;
    padding-bottom: 1px;
}
.resend_otp_link.disabled
{
    color: #A6A6A6;
    border-bottom: 1px solid #A6A6A6;
}

.resend_otp_counter
{
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #F58220;
    font-weight: 700;
}
.otp_verify_btnbox
{
    width: 100%;
}
.verify_btn
{
    border-radius: 10px;
    background: #005dac;
    padding: 20px 60px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    transition: .3s all ease-in;
    width: 100%;
    float: left;
    border: 0;
}

@media screen and (max-width:767px) 
{
    .verify_btn{font-size: 16px;padding: 15px 20px;}
}
@media screen and (max-width:400px) 
{
    .otp_section{width: 100%;} 
    .otp_maxwid{width: 100%;}
    .otp_inputbox{width: 100%;}
    
}


.loginboxSec{position:relative;width: 100%;float: left;overflow: hidden;}
.loginboxImg img{max-width:100%;display:block;}
.loginboxSec::before{content:"";position:absolute;background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%) repeat;width:100%;height:100%;top:60px;left:0;right:0;}
.loginboxSec::after{content:"";position:absolute;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 2%, rgba(255, 255, 255, 0) 100%);background-repeat:repeat-x;width:100%;height:250px;top:unset;left:0;right:0;bottom:0;}
.loginboxWrap{position:relative;display:flex;align-items:center;padding:35px 0px;width: 100%;float: left;}
.loginboxWrap.bluelogin_bg{background:linear-gradient(90deg, #71B9DE 0%, #C7F4F5 100%);}
.loginboxImg{width:50%;position:relative;z-index:2;}
.loginboxContent{width:48%;margin-left:30px;position:relative;z-index:2;    float: left;}
.loginboxContent h2{color:#000;font-size:32px;font-weight:400;line-height:104%;width:38%;}
.loginboxContent ul{margin:32px 0px;padding-left:20px;}
.loginboxContent ul li{list-style:disc;color:#454545;font-size:18px;font-weight:400;line-height:145%;}
.loginboxContent a{border-radius:10px;background:#005DAC;padding:20px 60px;color:#FFF;text-align:center;font-size:20px;font-weight:700;line-height:100%;display:inline-block;transition:0.3s all ease-in;}
.loginboxContent a:hover{background:#0473D1;}
.loginboxContent .popupBtn{font-size:18px;font-weight:700;color:#454545;line-height:110%;text-align:center;padding:20px 60px;display:inline-block;border-radius:10px;border:1px solid rgba(69, 69, 69, 0.5);background:#fff;margin-left:20px;cursor:pointer;}

.login_to_continue{width: 100%;float: left;position: absolute;top: 0;left: 101%;height: 100%;z-index: 2;transition: 0.5s;}
.loginboxSec .login_to_continue.active{left: 0;}
.blackloginBg{width: 100%;float: left;height: 100%;}
.logincontinue_Box{width: 50%;float: right;background: #fff;height: 100%;padding: 0 130px;display: flex;align-items: center;flex-direction: column;
    justify-content: center;}
.formpart_one{width: 100%;float: left;}
.formpart_one .formtitle{font-size: 48px;font-weight: 400;line-height: 61px;color: #000;width: 100%;float: left;margin-bottom: 40px;}
.formpart_two{width: 100%;float: left; display: none;}
/* .formpart_two .otp_section{display: none;} */

.loginboxSec .mopro_errordiv {width: 100%;display: flex;justify-content: flex-start;column-gap: 10px;padding-top: 10px;}
.loginboxSec .mopro_errordiv img {width: 20px;height: 20px;}
.loginboxSec .mopro_errordiv p {font-size: 14px;line-height: 21px;color: #FF3B30;}
.checkdiv{width: 100%;float: left;margin-bottom: 20px;}
.checkdiv .checknow:nth-child(2){margin-bottom: 0;}
.loginboxSec .resend_otp_box{margin-bottom: 15px;}
.loginboxSec .otp_maxwid .mopro_errordiv{margin-bottom: 15px;}
.loginboxSec .otpback {width: 100%;float: left;}
.loginboxSec .otpback a {float: left;}
.loginboxSec .otpback a img {filter: brightness(0);width: 40px;display: block;}
.loginboxSec .explore-close-btnbox{display: block;width: auto;top: 20px;right: 25px;}

#myquite .termsnsdata strong{    font-size: 22px;}

@media screen and (max-width: 1600px) 
{
    .loginboxContent h2{font-size:44px;width:70%;}
    .loginboxContent ul li{font-size:14px;}
    .loginboxContent a{font-size:16px;padding:15px 44px;}
    .loginboxContent .popupBtn{font-size:14px;padding:15px 44px;margin-left:16px;}
    .loginboxSec::after{height:230px;}
    .loginboxContent{margin-left:26px;}
    .loginboxContent ul{margin:24px 0px;}
}


@media screen and (max-width: 1366px) 
{

    .loginboxContent h2{font-size:40px;width:75%;}
    .loginboxContent a{padding:12px 36px;clear: left;float: left;}
    .loginboxSec::after{height:190px;}
    .loginboxContent{margin-left:24px;}
    .loginboxContent .popupBtn{padding:12px 36px;clear: left;float: left;margin-top: 14px;margin-left: 0;}
}
@media screen and (max-width: 1280px) {
    .loginboxContent h2{font-size:32px;width:100%;}
    .loginboxSec::after{height:150px;}
    .loginboxImg{width:40%;}
    .loginboxContent{margin-left:16px;width:55%;}
    .logincontinue_Box{padding: 0 30px;}
    .loginboxWrap{padding: 50px 0;}
    
}

@media screen and (max-width: 760px) 
{
    .loginboxSec{overflow:hidden;}
    .loginboxContent ul li{font-size:16px;line-height: 28px;}
    .loginboxContent a{font-size:16px;}
    .loginboxContent .popupBtn{font-size:16px;margin-top:14px;margin-left:0;}
    .loginboxContent{margin-left:16px;width:55%;}
    .loginboxContent h2{width:90%;}
    .loginboxSec::before,.loginboxSec::after{content:none;}
    .loginboxWrap{display:block;padding:25px 0px 25px;}
    .loginboxImg{width:200%;margin-left:-45%;}
    .loginboxContent{width:100%;padding:0px 24px;}
    .loginboxContent h2{font-size:24px;width:100%;}
    .login_to_continue{position: fixed;top: 0;left: 0;z-index: 999;display: none;}
    .blackloginBg{background:rgb(0 0 0 / 30%);}
    .logincontinue_Box{width: 100%;padding: 20px 20px;height: auto;position: absolute;bottom: -101%;left: 0;transition: 0.5s;}
    .logincontinue_Box.active{bottom: 0;}
    .formpart_one .formtitle{margin-bottom: 25px;font-size: 28px;line-height: 30px;}
    .login_to_continue .verify_btn{font-size: 16px;padding: 15px 60px;}
    .loginboxSec .explore-close-btnbox{width: 100%;right: auto;top: -60px;display: flex;}
    .loginboxSec .otpback{margin-bottom: 25px;}
    .loginboxContent ul li {font-size: 16px;}
}





/* new css add 10-2-2025 */


.error-msg{display: none;}
.show-error .error-msg{display: block;}
.tc_check{padding-top: 0px!important;}
.tandc_link{padding-left: 30px;color: #005DAC;padding-top:2px;display: inline-block;    font-size: 14px;}
.terms_popupwrapper{display: none;z-index: 9999;position: relative;}
.terms_blackbg{width:100%;float:left;background:rgb(0 0 0 / 30%);position:fixed;top:0;left:0;height:100vh;z-index:9999;display:flex;justify-content:center;align-items:center;}



.termsins_box{width:620px;float:left;position:relative;}
.closeins_popup{float:left;position:absolute;right:20px;top:20px;}
.closeins_popup a{width:40px;height:40px;padding:5px;display:inline-flex;align-items:center;justify-content:center;background-color:#000;border-radius:50%;}
.terms_text{width:100%;float:left;background:#fff;}
.termsnsdata{width:100%;float:left;padding:37px 26px;}
.termsnsdata h2{width:100%;float:left;color:#000000;font-size:40px;font-weight:400;margin-bottom:20px;}
.termsnsdata strong{width:100%;float:left;font-size:32px;font-weight:400;line-height:34px;color:#000;padding-bottom:13px;}
.termsnsdata > p{width:100%;float:left;font-size:18px;font-weight:400;color:#454545;line-height:26px;}
.terms_can_dele{width:100%;float:left;gap:10px;margin-top:30px;display:flex;}
.closeins_popup a{padding:15px;}
.login_to_continue .terms_conditions p{    width: 100%;float: left;color: #000;font-size: 14px;line-height: 14px;}
.login_to_continue .terms_conditions a{width: auto;float: none;}


@media screen and (max-width: 1600px){
.termsnsdata h2{font-size:32px;}
.termsnsdata strong{font-size:26px;}
.termsnsdata p{font-size:14px;line-height:21px;}
.termsnsdata{font-size:20px;}
.termsins_box{width:440px;}
.termsnsdata h2{margin-bottom:15px;}
}
@media screen and (max-width:767px){
.termsins_box{width:100%;position:absolute;bottom:-101%;left:0;transition:0.5s;}
.active .termsins_box{bottom: 0;}
.closeins_popup{position:initial;display:flex;align-items:center;width:100%;justify-content:center;margin-bottom:20px;}
.termsnsdata h2{font-size:32px;}
.termsnsdata strong{font-size:20px;}
.termsnsdata p{font-size:14px;}
.terms_text{height: 60vh;}
}
/*! CSS Used from: file:///E:/motor-component/assets/css/motor_buy_product.css */
.T_changeknow{width:100%;float:left;border:1px solid #005DAC;padding:16px 20px;border-radius:10px;text-align:center;background:#005DAC;display:flex;justify-content:center;align-items:center;gap:15px;}
.T_changeknow p{font-size:16px;font-weight:700;color:#FFFFFF;}

.privacy_link {
    width: 100%;
    text-align: right;
    margin-top: 20px;
}
 
.privacy_link a {
    padding-left: 30px;
    padding-top: 2px;
    display: inline-block;
    color: #005DAC;
    font-size: 14px;
    text-decoration: underline;
}
@media screen and (max-width:767px){
    .privacy_link {
        text-align: center;
        margin-top: 15px;
    }
    }
    .submit:disabled {
        background: #b0c4de;
        color: #a9a9a9; /* optional: change text color too */
        cursor: not-allowed;
        opacity: 0.7; /* optional: make it look inactive */
      }

      .verify_btn:disabled {
        background: #b0c4de;
        color: #a9a9a9; /* optional: change text color too */
        cursor: not-allowed;
        opacity: 0.7; /* optional: make it look inactive */
      }