#auth_login {
  display: none;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  margin: auto auto auto 3%;
  border-radius: 8px;
  border: 1px solid black;
  color: #2b323c;
  background-color: white;
}
#auth_login .auth_close {
  position: absolute;
  transition: all 200ms;
  color: white;
  background-color: #fd7354;
  text-decoration: none;
  text-align: center;
  height: 40px;
  line-height: 40px;
  width: 40px;
  font-size: 30px;
  font-weight: bold;
  border-radius: 0 5px 0 50%;
  cursor: pointer;
  top: 5px;
  right: 5px;
  z-index: 20;
}
#auth_login .auth_close:hover {
  color: #fd7354;
  background-color: rgba(253, 115, 84, 0.1568627451);
  border: 1px solid #fd7354;
  font-size: 40px;
  height: 50px;
  line-height: 50px;
  width: 50px;
}
#auth_login #auth_sign-in {
  padding: 15px 10px 10px 10px;
}
#auth_login #auth_sign-in .frm {
  margin-top: 25px;
  margin-bottom: 15px;
}
#auth_login #auth_verify-otp {
  padding: 15px 10px 10px 10px;
  display: none;
}
#auth_login #auth_verify-otp .frm {
  margin-top: 25px;
  margin-bottom: 15px;
}
#auth_login #auth_phoneBack2,
#auth_login #auth_phoneBack {
  cursor: pointer;
  color: blue;
}
#auth_login #auth_phoneBack2 {
  font-size: 12px;
}
#auth_login #auth_span {
  display: flex;
}
#auth_login #auth_span #auth_request-otp {
  margin-left: auto;
}
#auth_login .customer_info {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  position: absolute;
  border-radius: 15px;
  bottom: -40px;
}
#auth_login .customer_info span {
  color: black;
  font-size: 30px;
  vertical-align: -6px;
  cursor: pointer;
}
#auth_login .customer_info .customer_info_bar {
  display: none;
}
#auth_login .customer_info ul {
  display: flex;
  list-style-type: none;
  padding-right: 5px;
}
#auth_login .customer_info ul li {
  padding: 0 5px;
}
#auth_login .logo {
  display: flex;
  position: absolute;
  top: -130px;
  border-radius: 8px;
  border: 1px solid black;
  color: #2b323c;
  background-color: white;
  padding: 10px 10px 10px 10px;
}
#auth_login .logo img {
  width: 100px;
}
#auth_login .logo div {
  display: flex;
  flex-direction: column;
}
#auth_login .logo div h1, #auth_login .logo div p {
  height: 100%;
  padding: 5px 5px 0 5px;
}
#auth_login .logo div h1 {
  border-bottom: 1px solid black;
  text-align: center;
  font-size: 22pt;
  padding-top: 16px;
}
#auth_login .logo div p {
  font-size: 12px;
  text-align: justify;
}

@media screen and (max-width: 600px) {
  #auth_login {
    top: 150px;
    transform: translate(0, -10%);
    width: calc(100vw - 20px);
    margin: 10px;
  }
  #auth_login form {
    width: calc(100vw - 40px);
  }
}/*# sourceMappingURL=auth_login.css.map */