/* Fonts */

@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

.sidebar-cta-content {
  /* background: var(--color-secondary); */
  background-image: url("/assets/img/others/blured.png"),
    linear-gradient(to right, #be011a, #be0119);

  border-radius: 0.3rem;
  color: #e9ecef;
  margin: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.2rem;
  padding-bottom: 0rem;
}

/* Media query for large screens */
@media only screen and (min-width: 992px) {
  #priceContainer {
    margin-right: 2%;
    margin-top: 8.7rem;
    position: fixed;
    top: 0;
    right: 0;
    width: 40%;
    height: 100vh;
    overflow-y: auto;
    z-index: 1000;
  }
  .delivery-container {
    width: 60%;
    margin-right: 25%;
  }
}

@media only screen and (max-width: 360px) {
  #packaging-form .cart-item-quantity .btn {
    padding: 0px 7px !important;
  }
}

/* Media query for mobile screens */
@media only screen and (max-width: 768px) {
  #packaging-form .order-history {
    margin-top: 5rem;
  }

  #packaging-form .profile-card {
    margin-top: 5rem !important;
  }
  #packaging-form .password-fields {
    margin-top: 0rem !important;
  }
  #packaging-form .password-fields label {
    font-size: 14px !important;
    font-weight: 400;
  }
  #packaging-form .password-card {
    margin-top: -12px !important;
  }
  #packaging-form .password-card button {
    padding: 8px !important;
  }

  .sidebar-cta-content .avatar-nav {
    width: 27px !important;
  }

  .packaging-form #van-container {
    margin-top: -3rem !important;
    margin-right: 1rem;
  }

  #van-container .van-icon {
    width: 80% !important;
    height: auto !important;
  }

  #van-container .van-badge,
  #van-container .van-badge2 {
    margin-right: 5px;
  }

  #packaging-form .card-header h2 {
    font-size: 15px !important;
    margin-bottom: 0;
  }

  #packaging-form .price-row {
    margin-bottom: 0rem !important;
  }

  #packaging-form tbody,
  td,
  tfoot,
  th,
  thead,
  tr {
    font-size: 0.7rem !important;
  }
  table > tbody > td {
    font-size: 0.7rem;
  }

  #packaging-form .btn {
    padding: 3px 11px !important;
  }
  body .form-control {
    font-size: 0.8rem !important;
  }
  .price-review span {
    font-size: 0.7rem;
  }
  .price-review h3 {
    font-size: 1.3rem;
  }
  #packaging-form .cart-item-quantity {
    margin-top: 0rem;
    margin-left: 7px;
  }
  #packaging-form .cardy {
    margin: 0.5rem;
  }
  #packaging-form div .service-item {
    padding: 5px;
  }
  #packaging-form div {
    margin: 0;
    padding: 0px;
  }
  #packaging-form .price-row {
    margin-left: 2px;
    margin-right: 1rem;
  }
  #packaging-form .card-body {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  #priceContainer #packaging-form .price-card {
    margin-right: 5rem !important;
  }
}

.avatar-nav {
  width: 50px !important;
  height: auto !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
