*{margin: 0px; padding: 0px;}

/*-- User --*/
.user01 {
  font-family: 'Roboto Condensed', sans-serif !important;
  background-image: linear-gradient(to top, #f2e5f6, #e7ceee);
  padding: 70px 0px;
}
.user01 .container {
  max-width: 1210px;
}
.user01 .col-md-5 {
     z-index: 1;
}
.user01 .e_logo {
  display: block;
  margin-left: 42%;
  margin-bottom: 30px;
}
.user01 h4 {
  font-size: 18px;
  margin: 23px 0px 15px;
  position: relative;
}
.user01 form .form-control {
  margin-bottom: 0px;
}
.user01 ul {
  margin-bottom: 0px;
}

/*-- OTP Verify page css --*/
.optDiv {
     margin-bottom: 15px;
}
.optDiv h5 {
     font-size: 16px;
}
.optDiv h5 b {
     letter-spacing: 0.5px;
     font-style: italic;
     color: #1e2456;
}
.optDiv h5 a {
    display: inline-block;
    padding: 5px 15px;
    background: #e6455b;
    font-size: 12px;
    letter-spacing: 0.5px;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
}
.optDiv h5 a:hover {
     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
}
.optDiv h5 a.edit {
     margin-left: 5%;
}
.optDiv p.text-success {
     display: none;
}
input.form-control-plaintext.edit-update.edit-update-show.new_phone_number {
    text-align: center !important;
    width: 160px !important;
}

/*-- Login page css --*/
p.login_p {
    margin-bottom: 0px;
    margin-top: 20px;
}
p.login_p a {
     text-decoration: underline;
}

/*-- Forgot password page css --*/
.frgt_pass_div {
    margin-top: 20px;
}
.frgt_pass_div p:last-child {
     margin-bottom: 0px;
}
input.btn.btn--form.forgot-pass-submit {
  padding: 13px 27px;
  font-weight: bold;
  letter-spacing: 0.5px;
}
input#otp-verifier {
    padding: 13px 55px;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 15px;
}
input.btn.btn--form {
    padding: 13px 53px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.user01 .lock_icon {
  padding-bottom: 11px;
}
.user01 ul {
  margin-left: 0px;
}
.user01 ul li {
  list-style: none;
  position: relative;
  padding-left: 25px;
  margin-bottom: 11px;
}
.user01 ul li img {
  position: absolute;
  left: 0px;
}
.user01 form {
  background: #fff;
  z-index: -1;
  padding: 81px 91px 49px 126px;
  border-radius: 80px 0px 0px 0px;
  margin-left: -40px;
  margin-top: 20px;
}
.user01 form h1{
  font-size: 35px;
  line-height: 46px;
  margin-bottom: 0px;
}
.user01 form label {
     padding-top: 17px;
}
.user01 form input {
  padding: 14px 20px;
  margin: 0 0 0 0px;
  border-radius: 23px;
  background-color: #f9eefc !important;

  outline: none !important;
  border: none;
 }
 .user01 form select {
  padding: 14px 20px;
  margin: 0 0 0 0px;
  border-radius: 23px;
  background-color: #f9eefc !important;
  margin-bottom: 20px;
  outline: none !important;
  border: none;
 }
 select.form-control:not([size]):not([multiple]) {
    height: auto;
}
 .user01 form .col-md-8 {
     padding-left: 0px;
}
.user01 #register_btn {
  margin: 0px 35px 0 160px;
  padding: 13px 56px;
  border-radius: 25px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  background-color: #e5005b;
  border: none;
  outline: none !important;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.user01 #register_btn:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    color: #fff;
}
.user01 ul.list-inline li {
    padding-left: 0px !important; 
}

.user01 form p.signup-heading {
  font-size: 35px;
  text-align: left;
  line-height: 46px;
  margin-bottom: 14px;
}
.user01 form h2.signup-heading {
  font-size: 35px;
  text-align: left;
  line-height: 46px;
  margin-bottom: 14px;
}



.otp-submit{
  background-color: #e5005b !important;
  color: #000 !important;
 
}



/*--------------- Responsive -----------------*/
@media screen and (max-width: 720px) and (min-width: 576px) {
/*-- User --*/
.user01 {
  padding: 15px 0px 0px;
}
.user01 .container {
  max-width: auto;
}
.user01 .e_logo {
  margin-left: 0%;
  margin: auto;
  margin-bottom: 20px;
}
.user01 .main_img {
    width: 94%;
    margin: auto;
    display: block;
}
.user01 h4 {
  display: none;
}
.user-text-mob-hide {
  display: none;
}
.user01 form {
  padding: 91px 25px 35px 25px;
  border-radius: 30px 30px 0px 0px;
  margin-left: 0px;
  margin-top: -80px;
}
.user01 form h1{
  font-size: 25px;
  line-height: 33px;
}
.user01 form label {
     display: none;
}
.user01 form input {
  padding: 14px 15px;
  margin: 0 0 0 0px;
  border-radius: 5px;
  margin-bottom: 15px;
}
.user01 form select {
  padding: 14px 15px;
  margin: 0 0 0 0px;
  border-radius: 5px;
  margin-bottom: 15px;
}
 .user01 form .col-md-8 {
     padding-left: 15px;
}
.user01 #register_btn {
  margin: 0px 0px 0px 0px;
  padding: 12px 38px;
  border-radius: 5px;
}
.user01 a.member {
    padding-top: 16px;
    float: none;
    padding-left: 25px;
    font-size: 15px;
    line-height: 20px;
}

.user01 .m-t-lg ul.list-inline li {
    padding-left: 0px !important;
}

.user01 ul.list-inline li {
    padding-left: 0px;
}

p.login_p {
  text-align: center;
  font-size: 15px;
  line-height: 20px;
}
.otp-no {
  padding: 10px 0px 0px 0px;
}
.edit-no {
    line-height: 50px;
}
.resend-otp {
    line-height: 50px;
}

.user01 form p.signup-heading {
  font-size: 25px;
  line-height: 33px;
  margin-bottom: 10px;
}
.user01 form h2.signup-heading {
  font-size: 24px;
  line-height: 33px;
}


}

/*----------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 575px) and (min-width: 320px) {
/*-- User --*/
.user01 {
  padding: 15px 0px 0px;
}
.user01 .container {
  max-width: auto;
}
.user01 .e_logo {
  margin-left: 0%;
  margin: auto;
  margin-bottom: 20px;
  height: 12px;
}
.user01 .main_img {
    width: 94%;
    margin: auto;
    display: block;
}
.user01 h4 {
  display: none;
}
.user-text-mob-hide {
  display: none;
}
.user01 form {
  padding: 91px 25px 35px 25px;
  border-radius: 30px 30px 0px 0px;
  margin-left: 0px;
  margin-top: -80px;
}
.user01 form h1{
  font-size: 25px;
  line-height: 33px;
}
.user01 form label {
     display: none;
}
.user01 form input {
  padding: 14px 15px;
  margin: 0 0 0 0px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.user01 form select {
  padding: 14px 15px;
  margin: 0 0 0 0px;
  border-radius: 5px;
  margin-bottom: 15px;
}
 .user01 form .col-md-8 {
     padding-left: 15px;
}
.user01 #register_btn {
  margin: 0px 0px 0 0px;
  padding: 12px 38px;
  border-radius: 5px;
}
.user01 a.member {
    padding-top: 16px;
    float: none;
    padding-left: 25px;
    font-size: 15px;
    line-height: 20px;
}
.user01 .m-t-lg ul.list-inline li {
    padding-left: 0px !important;
}
.user01 ul.list-inline li {
    padding-left: 0px;
}

p.login_p {
  text-align: center;
  font-size: 15px;
  line-height: 20px;
}
.otp-no {
  padding: 10px 0px 0px 0px;
}
.edit-no {
    line-height: 50px;
}
.resend-otp {
    line-height: 50px;
}
input.btn.btn--form.forgot-pass-submit {
  padding: 13px 27px;
}
input#otp-verifier {
    padding: 12px 37px;
    font-weight: bold;
}
input.btn.btn--form {
    padding: 12px 31px;
}
.list-inline li {
    padding-right: 25px;
}

.user01 form p.signup-heading {
  font-size: 25px;
  line-height: 33px;
  margin-bottom: 10px;
}
.user01 form h2.signup-heading {
  font-size: 24px;
  line-height: 33px;
}


}