.transition, .product-item-info, .product-item-info:hover .prod-img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; }

.ellips {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block; }

.alert-success {
  background: #3B8036 !important;
  color: #fff !important; }

.custom-overlay {
  display: none; }

.login-wrapper .btn-primary, .login-create-shop .btn-primary {
  min-width: 150px; }
.login-wrapper .btn-groups .link-normal, .login-create-shop .btn-groups .link-normal {
  margin-right: 30px; }

.new-customer {
  position: relative;
  padding-bottom: 80px; }

.loginreg-btn {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%); }

.signup-msg {
  text-align: center; }
  .signup-msg h1 {
    border-bottom: 1px solid #CECECE;
    padding-bottom: 10px;
    margin-bottom: 40px;
    text-transform: uppercase; }
  .signup-msg.inactive {
    display: none; }

.or {
  margin-top: 30px;
  text-align: center;
  position: relative;
  margin-bottom: -10px; }
  .or .ortxt {
    background: #fff;
    padding: 1px 10px;
    display: inline-block;
    margin: -13px 0 0px 0; }

.registered {
  padding-right: 30px; }

.ph-wrap {
  max-width: 80px;
  min-width: 80px; }

.login-title {
  color: #2491EB;
  text-align: center;
  font-family: Montserrat;
  font-size: 40px;
  font-weight: 700;
  line-height: 150%;
  /* 60px */
  margin-bottom: 20px; }

h1.title-login {
  font-size: 1.5rem;
  margin-bottom: 50px;
  margin-top: 40px; }

#forget_password:hover {
  text-decoration: underline; }

.subtitle-login {
  font-weight: bold;
  font-size: 1.125rem; }

.main-title.register {
  margin-top: 30px; }

.login-desc {
  font-size: 0.875rem;
  line-height: 1.5; }

.login-page {
  background-color: #e4f1fc; }
  .login-page .login-container {
    max-width: 1900px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: url("./../../../../images/login-bg.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0;
    overflow-x: hidden; }

.login-banner {
  height: 100%;
  position: relative; }
  .login-banner img {
    height: 100%;
    margin: 0 !important;
    width: 100%;
    position: absolute;
    object-fit: fill; }

.userlogin {
  padding: 120px 16px 130px 16px;
  max-width: 456px;
  width: 100%;
  margin: 0 auto; }
  .userlogin .register-wrap .form-group {
    margin-bottom: 20px; }
  .userlogin input[type="text"], .userlogin input[type="email"],
  .userlogin input[type="password"] {
    padding: 10px 18px;
    border-radius: 4px;
    border: 1px solid #E1E1E1;
    background-color: #fff; }
  .userlogin .form-label {
    font-weight: 500;
    color: #333;
    margin-bottom: 4px; }

.login-btn-wrap {
  text-align: center;
  max-width: 332px;
  width: 100%;
  margin: 40px auto;
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .login-btn-wrap .or-lbl {
    color: #2C3E50;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    /* 27px */ }
  .login-btn-wrap .btn {
    width: 100%;
    padding: 10px 20px 10px 10px;
    gap: 10px;
    border-radius: 23px; }
    .login-btn-wrap .btn.btn-primary {
      border-color: #24C3EB;
      background: #24C3EB;
      color: #FBFBFB;
      font-weight: 600;
      line-height: 150%;
      transition: all 0.3s ease; }
      .login-btn-wrap .btn.btn-primary:hover {
        background-color: #2491EB !important;
        border-color: #2491EB !important;
        color: #fff; }
      .login-btn-wrap .btn.btn-primary:focus {
        background-color: #297DC3 !important;
        border-color: #297DC3 !important;
        color: #fff; }
      .login-btn-wrap .btn.btn-primary:active {
        background-color: #297DC3 !important;
        border-color: #297DC3;
        color: #fff; }
    .login-btn-wrap .btn.btn-secondary {
      border-color: #BF9755;
      background: #BF9755;
      color: #FBFBFB;
      font-weight: 600;
      line-height: 150%;
      transition: all 0.3s ease; }
      .login-btn-wrap .btn.btn-secondary:hover {
        background-color: #6c5329;
        border-color: #6c5329;
        color: #fff; }

.content-wrap .btn-primary {
  border-color: #24C3EB;
  background: #24C3EB;
  color: #FBFBFB;
  font-weight: 600;
  line-height: 150%;
  transition: all 0.3s ease;
  min-width: 175px;
  text-align: center; }
  .content-wrap .btn-primary:hover {
    background-color: #2491EB !important;
    border-color: #2491EB !important;
    color: #fff; }
  .content-wrap .btn-primary:focus {
    background-color: #297DC3 !important;
    border-color: #297DC3 !important;
    color: #fff; }
  .content-wrap .btn-primary:active {
    background-color: #297DC3 !important;
    border-color: #297DC3;
    color: #fff; }

#pageforgetForm {
  max-width: 600px; }

.forget_link_wrap {
  text-align: center; }
  .forget_link_wrap .forget-lbl {
    color: #2C3E50;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%; }
  .forget_link_wrap .link-forget {
    color: #2C3E50;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    text-decoration: underline; }
    .forget_link_wrap .link-forget:hover {
      color: #BF9755; }

.password-visibility i {
  margin: 0px 3px 0 0; }
.password-visibility .fa-eye {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.47595 12.9375V12.942C4.45069 13.0373 4.40689 13.1266 4.34707 13.205C4.28725 13.2833 4.21258 13.3491 4.12732 13.3985C4.04206 13.448 3.94789 13.4801 3.8502 13.4932C3.7525 13.5062 3.65319 13.4999 3.55795 13.4745C2.91145 13.3035 3.02545 12.558 3.02545 12.558L3.05245 12.465C3.05245 12.465 3.09145 12.339 3.12295 12.2475C3.50788 11.1682 4.07455 10.1627 4.79845 9.2745C6.14395 7.6335 8.40745 6 11.9999 6C15.5924 6 17.8559 7.6335 19.2029 9.2745C19.9268 10.1627 20.4935 11.1682 20.8784 12.2475C20.9107 12.3403 20.9407 12.4338 20.9684 12.528L20.9729 12.5475V12.5535L20.9744 12.5565C21.022 12.7474 20.9927 12.9493 20.8928 13.1188C20.7928 13.2883 20.6303 13.4117 20.4402 13.4625C20.2502 13.5132 20.0477 13.4873 19.8766 13.3902C19.7055 13.2931 19.5794 13.1327 19.5254 12.9435L19.5239 12.9375L19.5119 12.9C19.4269 12.6345 19.3267 12.3741 19.2119 12.12C18.9063 11.4402 18.5129 10.8033 18.0419 10.2255C16.9289 8.868 15.0659 7.5 11.9999 7.5C8.93395 7.5 7.07245 8.868 5.95795 10.2255C5.3467 10.9762 4.86739 11.8253 4.54045 12.7365C4.52192 12.7907 4.50441 12.8452 4.48795 12.9L4.47595 12.9375ZM11.9999 10.5C11.0054 10.5 10.0516 10.8951 9.3483 11.5983C8.64504 12.3016 8.24995 13.2554 8.24995 14.25C8.24995 15.2446 8.64504 16.1984 9.3483 16.9017C10.0516 17.6049 11.0054 18 11.9999 18C12.9945 18 13.9483 17.6049 14.6516 16.9017C15.3549 16.1984 15.7499 15.2446 15.7499 14.25C15.7499 13.2554 15.3549 12.3016 14.6516 11.5983C13.9483 10.8951 12.9945 10.5 11.9999 10.5ZM9.74995 14.25C9.74995 13.6533 9.987 13.081 10.409 12.659C10.8309 12.2371 11.4032 12 11.9999 12C12.5967 12 13.169 12.2371 13.5909 12.659C14.0129 13.081 14.2499 13.6533 14.2499 14.25C14.2499 14.8467 14.0129 15.419 13.5909 15.841C13.169 16.2629 12.5967 16.5 11.9999 16.5C11.4032 16.5 10.8309 16.2629 10.409 15.841C9.987 15.419 9.74995 14.8467 9.74995 14.25Z' fill='%23939393'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat; }
  .password-visibility .fa-eye:before {
    display: none; }

/* Register */
.new-customer .disc {
  list-style: square; }

.personal-info-wrap {
  padding-bottom: 35px; }

.signin-info-wrap {
  padding-bottom: 15px; }

.widthfit_contents {
  width: fit-content;
  margin: 0 auto;
  padding: 25px 0; }

.or-wrap {
  position: relative;
  padding: 8px 0;
  display: none; }
  .or-wrap .or {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    display: inline-block; }
  .or-wrap:before {
    position: absolute;
    width: 100%;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background: #CECECE; }

.socialbtn-group {
  max-width: 270px;
  margin: 0 auto; }

.login-logo {
  margin-bottom: 30px; }

.loginBtn {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  padding-right: 7px; }
  .loginBtn .icons {
    width: 45px;
    text-align: center;
    margin-right: 10px;
    border-right: 1px solid #CECECE;
    padding: 7px;
    font-size: 1.5rem;
    background-color: inherit; }
  .loginBtn.fb_google {
    background-color: #dd4b39;
    color: #fff; }
  .loginBtn.fb_btn {
    background-color: #1877f2;
    color: #fff; }
  .loginBtn.fb_line {
    background-color: #00c300;
    color: #fff; }
  .loginBtn.fb_wtitter {
    background-color: #00aced;
    color: #fff; }
  .loginBtn.fb_apple {
    background-color: #444;
    color: #fff; }
  .loginBtn:hover {
    opacity: 0.7; }

.fbtxtaccount {
  font-size: 1rem; }

h1.title-login, h1.reset {
  margin-top: 30px; }

@media all and (max-width: 767px) {
  .m-txt-left {
    text-align: left !important; }

  h1.title-login {
    margin-bottom: 10px; }

  .login-banner {
    display: none; }

  .login-page .userlogin {
    padding-bottom: 150px; }

  .title-login {
    margin-bottom: 2px; }

  .login-wrapper .btn-primary, .login-create-shop .btn-primary {
    min-width: auto; }

  .signup-msg h1 {
    margin-bottom: 10px; }

  .registered {
    padding-right: 15px; }
    .registered .gtext {
      border-bottom: 1px solid #CECECE;
      padding-bottom: 15px; }
    .registered button[type="submit"] {
      width: 100%; }

  .new-customer {
    border-left: none;
    /*border-top: 1px solid $primary;*/
    padding-left: 15px;
    /*margin-top: 15px;*/
    padding-top: 15px;
    padding-bottom: 15px; }
    .new-customer .loginreg-btn {
      position: static;
      transform: translateX(0);
      text-align: center;
      margin-bottom: 5px; }
      .new-customer .loginreg-btn a {
        display: block; }

  .register #register {
    width: 100%;
    margin-bottom: 15px; } }