body { margin: 0; padding: 0; font-family: 'Inter', sans-serif;} 
* { box-sizing: border-box;}
.bg-green {
    /* background: #30c7bf; */
    background: #30c7bf 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: flex;  align-items: flex-start;   justify-content: space-between;   background: #30c7bf;}
.login_content {flex: 0 0 55%;  padding: 19% 0;
/*height: 100%;    display: flex;  align-items: center;  justify-content: center;*/
    
}
.rgt_lg_fm {flex: 0 0 45%;}
/*.login_content {flex: 0 0 53%; height: 100vh; display: flex;align-items: center;justify-content: center;}*/
.login_content h2 { text-align: center; color: #fff;font-weight: bolder;margin: 0; font-size: 34px;}
.rgt_lg_fm h3 { font-size: 26px;font-weight: 400; margin-bottom: 0;}
.rgt_lg_fm p { font-size: 16px;font-weight: 400;line-height: 26px;  margin-top: 5px;margin-bottom: 0;}
.rgt_lg_fm span {  color: #30c7bf;}
.lg_form { padding: 10px 0 40px;}
.lg_form label {display: block;margin: 20px 0 6px;color: #333333;  font-weight: 400;}
.lg_form input.form-control.form-control-solid {height: 50px;  width: 100%;padding: 0 20px; border-radius: 5px;   border: 1px solid #cccccc;}
.lg_form input.form-control::placeholder { font-size: 12px; color:  #cccccc;}
.inr_log_cpontent {  width: 100%;padding: 13% 9%;}
.resigter-user, .login-user {    height: 100vh;}
.forget { text-align: right;padding: 0;}
.forget a { color: #30c7bf; 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: #30c7bf;width: 100%; border: 1px solid #30c7bf;  border-radius: 5px; padding: 15px 0;color: #fff;margin-top: 40px;  font-weight: 400;  font-family: 'Inter', sans-serif;cursor: pointer;}
button.login_btn:hover {background: transparent;color: #30c7bf;}
.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: space-between;  margin: 35px 0 10px;}
.connt_socl a { text-align: center;  padding: 15px 5px; text-decoration: none; display: inline-block; font-size: 16px; font-weight: 500;border-radius: 5px; width: 45%; position: relative;}
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: absolute;    text-align: center;}
.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: #30c7bf;    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.5% 9%;}
.resigter-user .lg_form { padding: 10px 0 40px;}
.copy_rgt { padding: 20px 0;}
.forg_pass {padding-top: 50px;}
.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: #30c7bf;    width: 100%;    border: none;    border-radius: 5px;    padding: 15px 0;    color: #fff;    margin-top: 40px;    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: #30c7bf; text-decoration: underline; font-weight: 800;}
.forgetp input:focus {    outline: none;}
.forgetp img {  display: block;    margin: 0 auto;}
.footer_text { padding: 0px 100px 20px;    display: flex;    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;
}

@media only screen and (max-width: 1600px) {
   /*.rest {    height: 110vh;}*/
.inr_log_cpontent {    padding: 6%;}
.resigter-user, .login-user {    height: 100%;}
}

@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: 50px;   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;}
}
@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: 50px;  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%;}

}
@media only screen and (max-width: 540px) {
p.log_opt:before, p.log_opt:after { width: 37%;}
}
@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%;}  
  
  
  
  
  
  
  
  
  
  
}