.cart__footer-container {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 40px;
  height: fit-content;
  margin-top: 4rem;
  margin-left: auto;
}

.cart__checkout-container {
  width: 400px;
  background-color: #f8f8f8;
  padding: 30px 20px;
}

.cart__amount-wrapper {
  margin: 0;
  padding: 0;
}

.cart__amount-wrapper li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgb(var(--color-text));
  margin-bottom: 8px;
}

.cart__amount-wrapper li em {
  font-style: normal;
  margin-right: 12px;
}

.cart__tax {
  opacity: 0.6;
}

.cart__discount span {
  color: rgb(var(--color-discount));
}

#checkout {
  width: 100%;
}

.cart__checkout {
  margin: 25px 50px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cart__taxes__desc {
  text-align: center;
  font-weight: 200;
}

.cart__checkout-subtotal {
  margin-bottom: 40px;
}
.cart__continue-shopping {
}

.cart__continue-shopping a {
  width: 100%;
}
.cart__total span {
  position: relative;
}

.cart__error_desc {
  margin-top: 10px;
  color: #e22222;
  text-align: center;
}
.cart__total.tax_label span::after {
  content: "Exc Tax";
  position: absolute;
  top: 90%;
  left: 0;
  font-size: 11px;
  font-weight: 100;
}
.cart_paychannel__wrapper {
  margin-top: 10px;
}
.cart_paychannel__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.cart_paychannel__list svg {
  height: 22px;
  width: 35px;
}
@media (max-width: 959px) {
  .cart__amount-wrapper li {
    justify-content: space-between;
  }
  .cart__checkout-container {
    width: 100%;
  }

  .cart-fixed-checkout.cart-footer__fixed-checkout {
    position: fixed;
    z-index: 999;
  }
}
@media screen and (max-width: 1125px) {
  .cart__footer-container {
    margin-top: 0;
  }
}
@media screen and (max-width: 751px) {
  .cart__footer-container {
    margin-right: auto;
  }
}

@media screen and (max-width: 401px) {
  .cart__checkout {
    margin: 25px 0px;
  }
}
/* The ipad end responds to the mobile end in vertical screen */

/* @custom-media --tablet (max-width: 959px); */

/* @custom-media --gt-mobile (min-width: 751px); */

/* detectingScreen need to consider the configuration of the tablet */