body { margin: 0; padding: 0; font-family: 'Inter', sans-serif;background:#f3f6f8;} 
* { box-sizing: border-box;}
span.help-block { color: red;}
.alert.alert-success {color: #00bd00;line-height: 32px;}
.bg-green {  background: #000 url(/public/new_images/LoginBG.png); background-size: contain;  background-repeat: no-repeat; background-position: center top 100%;}
.bg-lyellow { background: #fffaee;}
.log_sect { display: block; align-items:flex-start;justify-content:space-between;width:440px;margin: 0 auto;padding: 56px 0;}
.login_content {flex: 0 0 55%;  padding: 19% 0;}
.rgt_lg_fm {flex: 0 0 45%;}
.login_content h2 { text-align: center; color: #fff;font-weight: bolder;margin: 0; font-size: 34px;}
.rgt_lg_fm h3 { font-size: 16px;font-weight: bold; margin-bottom: 0px;}
.rgt_lg_fm p { font-size: 13px; font-weight: 400; line-height: 24px;margin-top: 5px;margin-bottom: 0;}
.rgt_lg_fm span { color: #000;}
.lg_form { padding:10px 0 12px;}
.lg_form label {display: block;margin: 20px 0 6px;color: #333333;  font-weight: 400;}
.lg_form input.form-control.form-control-solid, input#password {height: 45px;  width: 100%;padding: 0 20px; border-radius: 5px;   border: 1px solid #cccccc;    margin-bottom: 0px;}
section.sec-login { height: 100vh;}
.iti__selected-flag { height: 45px !important;}
.lg_form input.form-control::placeholder { font-size: 12px; color:  #cccccc;}
.resigter-user, .login-user {    height: auto!important;}
.forget {  text-align: right;  padding: 0;  float: right;  text-decoration: underline;}
.forget a { color: #000; text-decoration: none; font-size: 12px;  font-weight: 300;}
.rem_pass label { margin: 0;}
.rem_pass { display: flex;  align-items: center;}
.align-items-center { text-align: center;}
button.login_btn {font-size: 16px;background: #ffcd05 !important; width: 100%;border: 1px solid #ffcd05 !important;   border-radius: 5px;   padding: 15px 0;
    color: #000;margin-top: 30px;    font-weight: bold;    font-family: 'Inter', sans-serif;    cursor: pointer;}
 button.login_btn:hover {   background: #000 !important;color: #fff;border: 1px solid #000 !important;}
.rgt_lg_fm p a.term { font-weight: 400;}
p.log_opt { text-align: center; font-size: 12px;color: #666666; font-weight: 400;  position: relative;    margin: 0;}
p.log_opt:before {content: ""; border: 1px solid #ccc;  display: inline-block;    position: absolute;    top: 50%;    width: 40%;    left: 0;    right: unset;}
p.log_opt:after {content: "";border: 1px solid #ccc; display: inline-block;position: absolute;   top: 50%;   width: 40%;   right: 0px;   left: unset;}
.sub-con-btns .cart_btn.btn-overlay:hover:after { background: #fff;}
.connt_socl { display: flex;justify-content: flex-start; margin: 35px 0 10px;}
.connt_socl a {  text-align: center;padding: 7px 5px;  text-decoration: none;  display: inline-block;  font-size: 16px;  font-weight: 500;  border-radius: 5px;  width: 59px; position: relative; margin-right: 11px;}
a.fb_lg { background: #1b77f2; color: #fff; border: 1px solid #1b77f2;}
a.ggl_lg { background: #fff;border: 1px solid #ccc; color: #333;}
a.ggl_lg span {  color: #333 !important;}
.connt_socl a img { float: left;    padding-top: 3px;}
.connt_socl a span {padding-left: 27px;    display: inline-block;    padding-top: 2px;    color: #fff;}
.connt_socl a img {position: unset;text-align: center;   float: none;}
.copy_rgt {padding: 50px 0;}
.copy_rgt p { margin: 0; font-size: 12px;color: #666666;font-weight: 400;}
.term_serv p {color: #666666; font-size: 12px; font-weight: 400;  margin: 0;}
a.term {color: #000; text-decoration: none;}
.lg_form input.form-control.form-control-solid:focus {    outline: none;}
input {box-sizing: border-box;}
.fom_lyot {display: flex; justify-content: space-between;}    
.left_ly { flex: 0 0 46%;}    
.rgt_ly { flex: 0 0 46%;}
.resigter-user .inr_log_cpontent { width: 100%; padding:5% 9%;}
.resigter-user .lg_form { padding:8px 0 12px;}
.copy_rgt { padding: 20px 0;}
.forg_pass {padding-top: 0px;}
.forgetp { width: 41%;padding: 4%; margin: 0px auto;background: #fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 10px;}
.forgetp label { display: block;margin: 20px 0 6px; color: #333333; font-weight: 400;}
.forgetp input {height: 50px;  width: 100%;  padding: 0 20px; border-radius: 5px;  border: 1px solid #cccccc;}
.forgetp button { font-size: 16px; background: #000; width: 100%;border: none; border-radius: 5px; padding: 15px 0;color: #fff; margin-top: 20px;font-weight: 400; font-family: 'Inter', sans-serif;}
.forg_pass h3 {  margin: 20px 0 15px;}
.crt_nw p { padding-top: 15px;}
.rgt_lg_fm p a {color: #000; text-decoration: underline; font-weight: 800;}
.forgetp input:focus {    outline: none;}
.forgetp img {  display: block;    margin: 0 auto;}
.footer_text { padding:0px 36px 30px;    display:block;    justify-content: space-between;    align-items: center;}
input + label.error { color: red; font-size: 13px; margin: 8px 0px 0px 3px; }
label span { color: red !important; }
.g-recaptcha { transform: scale(0.77); transform-origin: 0 0;  margin:20px 0px 0;}
.resigter-user button.login_btn { margin: 0;}
div#layoutAuthentication {  background: #fff; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;    border-radius: 0.5rem;}
.inr_log_cpontent { width: 100%; padding:24px 40px 24px 40px; margin: 0 auto;display: block;}
i.fa.fa-eye, i.fa.fa-eye-slash {top: 15px;  right: 0;  float: right;margin-top: 0;  /*z-index: 99999;*/   margin-right: 15px;   position: absolute;}
.forget a{ font-size: 14px;}
.copy_rgt { padding: 13px 0;text-align: center;line-height: 19px;}
.connt_socl { margin:17px 0 20px;}
.container {width: 1500px; padding-left: 15px !important; padding-right: 15px !important;  margin: 0 auto;}
.log-img { padding-top: 39px;}
.rgt_lg_fm h3 { margin-top: 0;}
.iti.iti--allow-dropdown {  width: 100%;margin-bottom: 0;}
input#phone { padding-left: 48px;}

.e_ml, .pass_wd.pass_fld, .mb-3.pass_fld { position: relative;}
a.log-lgn {   width: 145px;   display: block;   margin:0 auto 17px;}
a.log-lgn img { width: 100%;}
span.invalid-feedback { font-size: 11px;}
span.invalid-feedback { font-size: 11px;   color: red; font-weight: 400;}
.inr_log_cpontent.forgetp { box-shadow: none;}
.inr_log_cpontent.forgetp { box-shadow: none; }
.lg_form.rig_fm .row.gx-3 {   margin-bottom: 13px;}
.row.gx-3 .mb-3 { margin-bottom: 13px;}
.rem_pass label {   margin: 0;   font-size: 13px;}
p.cre-accot { font-size: 13px; line-height: 32px;}
.sign-pg-bk { background-image: linear-gradient( 278deg, #5c7ed31a, #ffffff); animation-name: floatingPricingShapes; animation-direction: normal;animation-timing-function: ease-in-out;
animation-duration: 15s;animation-fill-mode: forwards;  animation-iteration-count: 5;}




@media only screen and (max-width: 1600px) {
.inr_log_cpontent { padding: 6%;}
.resigter-user, .login-user {height: 100%;}
.container {width: 90%;}




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


    
}  
@media only screen and (max-width: 1240px) {
.log_sect {height: auto;  overflow: scroll;}   



} 
@media only screen and (max-width: 1199px) {
  
   
    
    
}
@media only screen and (max-width: 1024px) {
.forgetp { width: 70%;}  
    

   
    
}
@media only screen and (max-width: 999px) {
.log_sect {display: block; height: auto; overflow: hidden;} 
.login_content {flex: 0 0 100%; height: 100%; display: block; padding: 104px 20px; text-align: center; width: 100%;}
.log_sect { display: block; height: auto;display: inline-flex;flex-direction: column-reverse; width: 100%;}  
.rgt_lg_fm {flex: 0 0 100%; height: 100%; width: 100%;}  
.lg_form input.form-control.form-control-solid {   height: 45px;   width:100%;}
.inr_log_cpontent {padding: 5%;}
.connt_socl {display: inline-block; text-align: center; width: 100%;}
a.ggl_lg { margin-top: 25px;}
.footer_text { display: block;padding-top: 20px;}
.px-4 {  min-height: 230px;}
.footer_text .copy_rgt {padding: 0;}
.connt_socl { margin: 35px 0;}
.copy_rgt { padding: 20px 0 0;}
section.sec-login {height: auto;}
.log_sect { display: block!important; height: auto !important;   display: block !important;  width: 100% !important;}



}
@media only screen and (max-width: 768px) {
    
.log_sect {display: block; height: auto; overflow: hidden;} 
.login_content {flex: 0 0 100%; height: 100%; display: flex;}
.log_sect { display: block; height: auto;display: inline-flex;flex-direction: column-reverse; width: 100%;}  
.rgt_lg_fm {flex: 0 0 100%; height: 100%; width: 100%;}  
.lg_form input.form-control.form-control-solid {  height: 45px;  width:100%;} 
.inr_log_cpontent { width: 100%; padding: 51px;}
.connt_socl {display: inline-block;}
a.fb_lg {width: 54%;}
a.ggl_lg { width: 54%; margin-top: 25px;}
.footer_text {padding: 40px 30px;}  
.forgetp { padding: 25px;} 
.inr_log_cpontent { padding: 30px;}
.login_content h2 br { display: none;}
.login_content h2 {font-size: 25px;}
.forgetp {width: 85%;}
.log-img {padding-top: 14px;   text-align: center;}
.log_sect {  padding: 25px 0;}
.log-img img { width: 145px;}




}
@media only screen and (max-width: 540px) {
p.log_opt:before, p.log_opt:after { width: 37%;}
section.sec-login .container {   padding: 0 !important;}


}
@media only screen and (max-width: 480px) {
.inr_log_cpontent { padding: 20px;}    
.resigter-user .inr_log_cpontent { padding: 5%;}  
.rg_sl_bg .search-box input[type="text"] {width: 87%;}  
  
 
  
}
@media only screen and (max-width: 480px) {
.rem_pass label { font-size: 11px;}



}