.customer-login-popup .modal-header {display: none;}
.customer-login-popup .modal-header.custom-modal-header {display: flex; flex-direction: column; align-items: center; padding-left: 0; padding-right: 0; padding-top: 4rem;}
.customer-login-popup .left-section {float: right; width: 48%; max-width: 330px; height: 591px;}
.customer-login-popup .left-section img.leftimg {width: 100%; height: 100%; object-fit: cover; float: left; display:inline-block}
.customer-login-popup button{text-transform: uppercase}
.clear{clear: both}
/* login */

ul#login-type, .password-login ul{list-style: none; margin: 0px; padding: 0px;}
ul#login-type li {float: left; width: 47%; /*border: 1px solid #fff;*/ text-align: center; text-transform: uppercase; }
ul#login-type li.login-type-last {float: right;}
.login-section .otp-login, .login-section .password-login{padding-top: 0px}
.login-section .otp-login .actions-toolbar{padding-top: 135px;}
.login-section .actions-links .register {float: left;}
.login-section .actions-links .forogotlink {float: right;}
.login-section .actions-toolbar, .registratio-section .actions-toolbar{ padding-top: 15px;
    display: flex;
    justify-content: center;}
button#resendlogin {margin-top: 45px;}

.customer-login-popup .custom-modal-header .modal-title{  padding-bottom: 0px !important; border:0; text-align: center; text-transform: uppercase; }


.action-close .circle {
    left: 0 !important;
}

.input-title {
    font-size: 14px;
}
.input-box {
    margin-top: 0px;
}
 .forogotlink {
    margin-top: 30px;
}
.otp-login-form {
    display: flex ;
    flex-direction: column;
    align-items: center;
    direction: ltr;

}
.forget-password-content {
    height: max-content;
    width: 100%;
    display: flex;
    flex-direction: column;

}
 body html .selected-flag {
    height: 100% !important;
}
.reset-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 15px;
    margin-left: 0px;
}

.password-reset-methods {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.forgot-input {
    margin-top: 5px;
}

.forogotlink {
    margin-bottom: 10px;
}
.modal-header-icon {
    border-color: rgb(229 231 235);
    align-items: center;
    border-radius: 9999px;
    border-style: solid;
    border-width: 1px;
    display: inline-flex;
    height: 8rem;
    justify-content: center;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
    width: 8rem;
}

.modal-header-icon svg {
    fill: #9ca3af;
}

.otp-content {
    margin-top: 0px !important;
}


.submitbtnajax {
    width: 100%;
}
.submit {
    width: 100% !important;
}

/*.submit:hover {*/
/*     color: #fd4f01;*/
/*}*/



button.action.submit.primary.submit-btn:hover span {
    /*margin-left: 34%;*/
    /*color: #fd4f01 ;*/

}
button.action.submit.primary.submit-btn:hover  {
    background-color: #fd4f01 ;
    opacity: 0.8;
    transition: 0.2s ease;


}
a.action.submit.primary.submit-btn  {

    color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.action.submit.primary.submit-btn:hover   {
    background-color: #fd4f01 ;
    opacity: 0.8;
    transition: 0.2s ease;


}
button.reg-btn:hover {
    background-color: #fd4f01 !important; ;
    opacity: 0.8;
    transition: 0.2s ease;


}
body html #modal-title-19 {
     font-size: 18px !important;

}

.modal-popup .action-close {
    padding: 0;
    left: 5px;
    top: 5px;
    right: auto;
    background-color: white;
}

 html body .circle {
    background-color: white !important;
     border: none !important;
}
 html body .closebutton {
     color: #fd4f01 !important;
     font-size: 16px !important;
 }
.login-otp {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.login-option a{
    background: none;
    text-align: center;
    color: #fd4f01;

}

#password-step {
    display: flex;
    flex-direction: column;
}
.input-container-reg-password {
    position: relative;
}


.visible-icon {
    display: inline;
}

.hidden-icon {
    display: none;
}

html body #loginotpmob {
    border: 1px solid #E5E7Eb !important;
    --tw-border-opacity: 1;
    /*border-color: rgb(229 231 235 );*/
    border-radius: .25rem;
    box-shadow: none !important;
    border-width: 1px;

}
html body #loginotpmob:focus {
    border: 1px solid #fd4f01 !important;


}

.input-custom-line {
    border: 1px solid #E5E7Eb !important;
    --tw-border-opacity: 1;
    /*border-color: rgb(229 231 235 );*/
    border-radius: .25rem;
    box-shadow: none !important;
    border-width: 1px;
}
.input-custom-line:focus {
    border: 1px solid #fd4f01 !important;
    transition: .2s ease;
}
.login-option a:hover{
    color: #fd4f01;
}

body html .flag-container {
    left: 0px !important;
    right: auto;
}

/*button#resetbyemail {
    margin-left: 35%;
}*/


/* registration */
.registratio-section .reg-form .field{width:47%; float: left;}
.registratio-section .reg-form .field, .registratio-section .reg-form .fields{margin-bottom: 12px;}
.registratio-section .reg-form .field.even{margin-left: 6%;}
.registratio-section .reg-form .fields{width:100%;}
.registratio-section .reg-form .field.email{width:100%;}
.registratio-section .reg-form .even.field {margin-left: 28px;}
input.resend-regi-sendotp-default.button.primary.action { margin-right: 361px;}
/* forgot */
.forgot-password-section .actions-toolbar{  display: flex;
    justify-content: center;padding-top: 145px;}
.forgot-password-section .forgotpasswordform .fields{margin-bottom: 12px; width: 100%}
.forgotpasswordform .custom-select.fields {float: right;width: 35%;}
.forgotpasswordform label.reset-msg {float: left;width: 60%;}
#emailpasswrong_msg{display:none;}
button#resendforgot {margin-top: 45px;}

.actions-toolbar > .primary:last-child, .actions-toolbar > .secondary:last-child {
/*    margin-left: 35%;*/
    margin-bottom: 0;
}

button#resendreg {
    margin-top: 45px;
/*    margin-left: 165px;*/
}



.modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer {
    padding-left: 3rem;
    padding-bottom: 3rem;
    padding-right: 3rem;
    padding-bottom: 0;

}


#resendotpbtn{
    margin-top: 10px;
}
.mobbtn {
    margin-top: 10px;
}
#otp
{
    width: 241px !important;
    margin-top: 12px;
}


@media only screen and (min-width: 768px) {
    .customer-login-popup .modal-inner-wrap{width:40%}
    .customer-login-popup.ultimate .modal-inner-wrap{width:380px; height:max-content; padding-bottom: 3rem; margin-top: 170px}
    .customer-login-popup .right-section {float: left; width: 100%;}
    .customer-login-popup.ultimate .modal-content {margin: 0; padding: 0; padding-left:3rem; padding-right: 3rem}
    .ultimate .registratio-section .reg-form .even.field {margin-left: 23px;}
    .action-close .circle{ display: flex; left: 0 !important;}


}

@media only screen and (max-width: 767px) {
    #customer-popup-login{display: none}
    .customer-login-popup  .left-section{display: none}
    .registratio-section .reg-form .field{width:49%; float: left;}
    .registratio-section .reg-form .field.even{margin-left: 2%;}
    .modal-popup.customer-login-popup.modal-slide .modal-inner-wrap[class] {background-color: #ffffff}
}
.otp-container {
    display: flex;
    gap: 10px;
}

.otp-box {
    width: 40px;
    height: 40px;
    font-size: 24px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 6px;
}