main.auth a{color:var(--theme-cl)}
 .numberBox{border:1px solid #bfbfbf; width: 100%; height: 47px; border-radius: 8px; position: relative; background:#fff}
 .numberBox select {width:22%; height: 45px; background: inherit; border: 0px ; padding:3px 10px 3px 15px; border-radius: 8px; font-size:15px}
 .numberBox input{ border: 0px !important;  height:45px; border-radius: 8px; padding-left: 15px; background:transparent; }
 .numberBox .number{width:78%; float: right;  border-radius: 0px 8px 8px 0px}
 .authBtn{width:100%; height: 50px; border-radius: 8px; background: #FF6E31; color:#fff; border: 1px solid #FF6E31; cursor: pointer;}
 .authBtn:disabled {background-color: #ccc;color: linen;opacity: 1;  border: 1px solid #ccc; }
 .auth input:focus{box-shadow:none !important}
 button.getotp{background: #FF6E31; color:#fff; border: 1px solid #FF6E31; cursor: pointer; border-radius: 3px; position: absolute; right: 9px;top: 7px;padding: 2px 10px 4px;}
 button.lgByPswd, button.lgByOTP{background: #FF6E31; color:#fff; border: 1px solid #FF6E31; cursor: pointer; border-radius: 3px; position: absolute; right: 9px;top: 7px;padding: 2px 10px 4px;}
 .bannerimg{position:relative:width:100%; height:100vh}
 .bannerimg img{width:100%; object-fit: cover; height: 100vh}
 main.auth label{margin-bottom:3px}
 @media only screen and (max-width:780px){
   main.auth .leftSide{display:none;}
   main.auth .rightSide {padding: 15px}
 }