.main_background {
  background-color: $light-blue;
  height: 100vh;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;

  .container_custom {
    max-width: 1000px;
    width: 100%;
    padding: 0 20px;
    margin: auto;
    @include custom-breakpoint(max-width, bp1480) {
      max-width: 768px;
    }
  }

  .pos-relative {
    position: relative;
  }

  .left_bag,
  .right_bag,
  .location {
    position: absolute;
    z-index: 1;
  }

  .left_bag {
    right: -30px;
    top: -55px;
    max-width: 100px;
    z-index: 1;

    @media screen and (min-width: 1400px) {
      right: -50px;
      top: -94px;
      max-width: 150px;
      z-index: 1;
    }
  }

  .right_bag {
    max-width: 120px;
    left: -40px;
    bottom: -60px;

    @media screen and (min-width: 1400px) {
      max-width: 180px;
      left: -80px;
      bottom: -80px;
    }
  }

  .location {
    right: -70px;
    max-width: 180px;
    bottom: -30px;

    @media screen and (min-width: 1400px) {
      right: -90px;
      max-width: 240px;
      bottom: -80px;
    }
  }

  input {
    line-height: 2;
  }

  .card_custom {
    background-color: #ffffff73;
    border-radius: 20px;
    border: unset;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(12px);
    filter: brightness(1.1);

    .he-10 {
      height: 42px;
    }

    .c-logo {
      width: 200px;
      margin-bottom: 35px;
    }

    .login_btn {
      width: 100%;
      margin-top: 5px;
    }

    label {
      font-weight: 700;
      color: $black;
    }

    .pl_0 {
      padding-left: 0;
    }

    .c_link {
      color: $black;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 3px;

      i {
        width: 18px;
        height: 18px;
      }
    }

    .custom_cart {
      max-width: 330px;
      display: flex;
      margin: auto;
      @include custom-breakpoint(max-width, bp1480) {
        max-width: 220px;
      }
    }

    .c_var {
      max-width: 280px;
    }

    .py-5rem {
      padding: 5rem 1.5rem;
    }
  }
}

.pv-login-password {
  position: relative;
  //  .text-danger {
  //     position: absolute;
  //     bottom: -25px;
  //  }
  .input-wrapper {
    .form-control {
      padding-right: 40px;
    }
  }
}