.abc {
  color: aqua;
}


.custom-height {
  height: auto;
}

@media (max-width: 768px) {
  .custom-height {
    max-height: 600px;
  }}

.cartInput::placeholder {
  color: #5c635b !important;
  font-weight: 600 !important;
}



.marginX-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.product-border {
  border: none;
}

/* show form only on desktop */
.display-on-desktop {
  display: none;
}

.hide-on-desktop {
  display: block;
}


.quantity-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 10;
  left: -12px;
  top: -12px;
  border-radius: 100%;
  background-color: #5c635b;
  color: #f0f0f0;
  font-size: 12px;
}

@media (max-width: 575px) {
  .cart-background {
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: #f0efeb;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;


  }
}


@media (min-width: 576px) {
  .product-border {
    border: 1px solid #B2B1B5;
    border-radius: 10px;
  }


  .cart-background {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f0efeb;
    border-radius: 35px;

  }

  .quantity-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 10;
    left: unset;
    right: -12px;
    top: -12px;
    border-radius: 100%;
    background-color: #5c635b;
    color: #f0f0f0;
    font-size: 16px;
  }
}

/* tablet */
@media (min-width: 992px) {
  .display-on-desktop {
    display: block;
  }

  .hide-on-desktop {
    display: none;
  }
}


/* Default: Hide elements by default */
.hidden {
  display: none !important;
}

/* Show on mobile (up to 576px) */
.show-mobile {
  display: block !important;
}

@media (min-width: 576px) {

  /* Hide on mobile (from 576px and above) */
  .hide-mobile {
    display: none !important;
  }
}

/* Show on desktop (from 992px and above) */
@media (min-width: 992px) {
  .show-desktop {
    display: block !important;
  }

  .hide-desktop {
    display: none !important;
  }
}