.login_register {
  max-width: 500px;
}
.login_register i {
  color: #393740;
}
.login_register .login-title h2 {
  color: #393740;
  font-size: 30px;
  font-family: "Switzer-Bold";
}
.login_register .login-title p {
  color: #A0A0A0;
  font-size: 18px;
}
.login_register .nav-pills .nav-link {
  background: none;
  color: #393740;
  font-size: 24px;
  font-family: "Switzer-Bold";
}
.login_register .login_tab {
  border-bottom: 1px solid #dbdbdb;
}
.login_register .nav-pills .nav-link.active,
.login_register .nav-pills .show > .nav-link {
  color: #5dbc78;
  background: none;
  border-bottom: 2px solid #5dbc78;
}
.login_register input[type=text],
.login_register input[type=email],
.login_register input[type=number],
.login_register input[type=password] {
  width: 100%;
  height: 50px;
  border: 1px solid #dbdbdb;
}
.login_register .remember_check {
  width: 20px;
  height: 20px;
  border: 1px solid #393740;
}
.login_register .hide_psw {
  position: relative;
  left: -15px;
  top: -45px;
  float: right;
}
.login_register .login_btn {
  width: 100%;
  height: 50px;
  background: #5dbc78;
  font-size: 20px;
}
.login_register .login_btn:hover {
  background-color: #4daa68;
}
.login_register .guestBtn {
  width: 100%;
  height: 50px;
  background: #5dbc78;
  font-size: 20px;
}
.login_register .guestBtn:hover {
  background-color: #4daa68;
}
.login_register .register_btn {
  width: 100%;
  height: 50px;
  background: #5dbc78;
  font-size: 18px;
}
.login_register .register_btn:hover {
  background-color: #4daa68;
}
.login_register .select2-selection {
  height: 50px;
}
.login_register .form-check-custom .form-check-input {
  border: 2px solid #2D2D2D;
  top: 2px;
  cursor: pointer;
  height: 22px;
}
.login_register .form-check-custom .form-check-input:checked {
  border-color: #82ca8a;
}
.login_register .form-check-custom p {
  font-size: 18px;
  color: #393740;
  cursor: pointer;
}

.contact-container {
  display: none;
}

.footer-section {
  display: none;
}

#countryCodeSection {
  position: absolute;
  left: 2px;
  top: 36px;
  width: 108px;
  padding: 0;
}

#loginForm input {
  padding: 0px 10px;
  outline: none;
  margin-top: 9px;
  border-radius: 5px;
}

.border-line-contr::before {
  content: "";
  position: absolute;
  height: 1px;
  background: #ccc;
  left: 0;
  right: 0;
  top: 10px;
}
.border-line-contr span {
  padding: 0px 15px;
  background: #eef4ef;
}

input.phoneDiv {
  padding-left: 112px !important;
}

@media (max-width: 991px) {
  .login_register {
    max-width: 400px;
    padding-top: 110px;
  }
  .login_register .login-title {
    position: absolute;
    top: 0;
    max-width: 400px;
  }
  .login_register .login-title h2 {
    font-size: 26px;
  }
  .login_register .login-title p {
    font-size: 14px;
  }
  .login_register .nav-pills .nav-link {
    font-size: 18px;
  }
  .login_register input[type=text],
  .login_register input[type=email],
  .login_register input[type=number],
  .login_register input[type=password] {
    height: 45px;
  }
  .login_register .remember_check {
    width: 16px;
    height: 16px;
  }
  .login_register .hide_psw {
    position: relative;
    left: -15px;
    top: -45px;
    float: right;
  }
  .login_register .forgot_psw {
    font-size: 16px;
  }
  .login_register .login_btn {
    height: 45px;
    font-size: 20px;
  }
  .login_register .learn_more {
    font-size: 14px;
  }
  .login_register .register_btn {
    height: 45px;
    font-size: 16px;
  }
  .login_register .select2-selection {
    height: 45px;
    margin-bottom: 10px;
  }
  .login_register .form-check-custom .form-check-input {
    top: 2px;
    width: 18px;
    height: 18px;
  }
  .login_register .form-check-custom p {
    font-size: 14px;
  }
  #customer_register_accept_terms {
    font-size: 14px;
  }
  #countryCodeSection {
    position: absolute;
    left: 4px;
    top: 33px;
  }
  button#generateOTP {
    top: 21px;
    right: 7px;
  }
  button#continueBtn {
    position: absolute;
    top: 22px;
  }
}
@media (max-width: 767px) {
  .login_register {
    max-width: 350px;
    padding-top: 80px;
  }
  .login_register .login-title {
    position: absolute;
    max-width: 350px;
  }
  .login_register .login-title h2 {
    font-size: 20px;
  }
  .login_register .login-title p {
    font-size: 14px;
  }
  .login_register .login-title p br {
    display: none;
  }
  .login_register .nav-pills .nav-link {
    font-size: 14px;
  }
  .login_register .remember_check {
    width: 16px;
    height: 16px;
  }
  .login_register .forgot_psw {
    font-size: 14px;
  }
  .login_register .login_btn {
    height: 35px;
    font-size: 16px;
  }
  .login_register .learn_more {
    font-size: 14px;
  }
  .login_register .register_btn {
    height: 35px;
    font-size: 14px;
  }
  .login_register .note p {
    font-size: 12px;
  }
  .login_register .select2-selection {
    height: 35px;
  }
  .login_register .form-check-custom .form-check-input {
    top: 2px;
    width: 16px;
    height: 16px;
  }
  .login_register .form-check-custom p {
    font-size: 14px;
  }
  button#generateOTP {
    top: 22px;
  }
}
@media (max-width: 575px) {
  .login_register {
    max-width: 90%;
  }
}
@media (max-width: 320px) {
  .login_register .login-title p {
    font-size: 13px;
  }
}