#login-form{padding: 30px 60px;}
#login-form ul {padding-left: 0;}
#login-form li {list-style: none;position: relative;}
.textbox {font-size: 15px;padding: 0 15px;width: 100%;box-sizing: border-box;border: 1px solid #EDEDED;text-align: left;border-radius: 7px;color: #000000;letter-spacing: normal;height: 50px;line-height: 50px;background: #f3f2f3;margin-bottom: 20px;background-color: #eeedee7a;}
#login-form input:focus,#login-form textarea:focus, #login-formooking-form select:focus {outline: 0;border: 1px solid rgb(211,211,211);}
#login-form label {font-size: var(--font14);font-weight: 300;display: block;margin-bottom: 10px;color: #979797;}

/* Buttons */
#login-form .submit-btn {background: #E05564;padding: 13px 20px;color: #fff;text-transform: capitalize;font-size: 15px;line-height: 23px;letter-spacing: 0.25px;outline: none;display: inline-block;text-align: center;font-weight: 400;border-radius:7px;border: 0;transition-property: background-color;transition-duration: 0.5s;
width: 100%;cursor: pointer;}

/*  Tab */
.tab-pane {display: none;}
.tab-pane:first-child {display: block;}
/* Error */
span.error {font-size: var(--font12); color: #D6041D;text-transform: uppercase; display: block; margin-bottom: 10px;}
.sign-text{font-size: var(--font25);  color: #373737; margin: 15px auto 0;text-align: left;line-height: 38px;}
.checkmark{border: 1px solid var(--clr-dark2);}
.login-block .checkbox-container input:checked ~ .checkmark{ border-color: #CACACA;}
.filled-input-option{height: 33px; background-color: #efeeee; border-radius: 17px; padding: 0 15px; margin: 30px 30px;position: relative;}
.form-group{position: relative;}
.login-page-container .alert { position: absolute; right: 14px; top: 6px; min-width: 360px; padding: 14px 40px 14px 15px;}
.filled-input-option:before { content: 'With'; position: absolute; left: -35px; }
.filled-input-option{height: 33px; background-color: #efeeee; border-radius: 17px; padding: 0 10px; margin: 30px 15px 30px 30px;}
.change-text a{ color: #E05564; font-size: 15px;cursor: pointer; font-weight: 500; }
.change-text span{display: inline-block; padding: 0 3px; color: #CACACA;}
.login-block .new-box { padding: 28px 2.75rem;}
#login-form .sign-in-google-div{width: 100%;text-align: center;}
.user-email-icon,.cuntory-code-no{display: none;}
.email-icon-wrap .user-email-icon{display: inline-block;}
.textbox:-webkit-autofill,.textbox:-webkit-autofill:hover, .textbox:-webkit-autofill:focus,.textbox:-webkit-autofill:active{ -webkit-box-shadow: inset 0px 0px 0px 9999px #f9f9f9; -webkit-text-fill-color: black; }
.mobile-num-text{position: relative;}
.textbox { display: block; width: 100%; box-sizing: border-box; text-indent: 0px; font-size: 16px; outline: none; border: none; padding-right: 12px; transition: all .2s ease-in-out; background: #f3f2f3; border: 1px solid #E4E4E4; }
.form-control:focus{background: #f3f2f3; border: 1px solid #E4E4E4;}
.mobile-num-text .textbox { text-indent: 45px;}
.email-icon-wrap .textbox,.password-text  { text-indent: 38px;}
.mobile-num-text .cuntory-code-no,.email-icon-wrap .user-email-icon,.pass-key-icon{width: 50px;line-height: 21px; display: inline; position: absolute; background: #f3f2f3; box-shadow: none; margin: 2px; z-index: 1; font-size: 15px; color: #E05564; font-weight: 500; text-align: center; padding: 12px 0;}
.pass-key-icon{padding: 10px 0;}
.mobile-num-text .cuntory-code-no::after,.email-icon-wrap .cuntory-code-no::after{content: '';display: inline-block;width: 1px;height: 23px;background-color: #e1dddd;position: absolute; right: 4px;}
.or-text{font-size:13px;line-height: 20px; letter-spacing: 0px; color: #3A84EC; opacity: 0.3;}
.or-text::after,.or-text::before{content: '';width:15px;height: 1px; background-color: #3A84EC; display: inline-block; vertical-align: middle; margin: 0 3px;}
.login-google-new{margin-top: 0;}
.otp-resend { position: relative; color: #E05564; font-weight: 500;text-decoration: underline !important; }
.forgot-link a { color: #646464; font-size: var(--font14); text-decoration: underline !important;}
.mob-banner-sec{display: none;}
#login-form { padding: 40px 60px 50px;}
::placeholder { color: #00000033 !important; }
:-ms-input-placeholder { color: #00000033 !important; }
::-ms-input-placeholder { color: #00000033 !important; }
.access-text{font-size: 16px; color: #000; font-weight: 400;line-height: 28px;}


.info-text{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.change-text a{font-size: 14px;}
@media screen and (max-width: 1550px) {
    .login-page-container .container{zoom: 93%;}
    .change-text a{font-size: 14px;}
    .change-text span{padding: 0 3px;}
}
@media screen and (max-width:1280px){
    #login-form { padding: 40px 20px 50px; }
   
}
@media screen and (max-width:767px){
    
    .login-block .banner-sec{display: none;}
    .mob-banner-sec{display: block;}
    .login-block .mob-banner-sec .new-user { top: 5px; margin: 10px 0 0 20px; left: 0; right: 0; }
    
    .sign-text {font-size: 20px; color: #646464; margin: 15px auto 0; text-align: center; line-height: 30px; margin-top: 0; }
    #login-form label { font-size: 13px; font-weight: 400;}
    #login-form { padding: 20px 30px; }
    .filled-input-option { height: 33px; margin: 10px 20px; }
    .login-block .box-shadow{background-color: #fff;}
    .login-block .checkbox-container .checkmark:after {top: 1.4px; left: 4px;}
    .change-text{font-size: var(--font13);}
    .change-text a{font-size: 13px;}
}

@media screen and (max-width:480px){
    .login-wrapper::before,.login-wrapper::after{background-size: contain;}
    #login-form { padding: 30px 10px; }
    section.login-block {padding: 0; margin: 1.5rem 0;background-color: #F8F8F8; border-radius: 10px; }
    
}