@media only screen and (max-width: 767px) {
  .mobile-nav .amado-navbar-brand a,
  .mobile-nav .amado-navbar-brand a img{
    width: 110px !important;
    max-width: 110px !important;
  }
  .footer-logo a, .footer-logo a img {
    width: 150px !important;
    max-width: 150px !important;
  }
}

@media only screen and (max-width: 468px) {
  .header-area .logo{
    margin-bottom: 1rem !important;
  }
  .header-area .logo a, .header-area .logo a img{
    width: 140px !important;
  }
  .main-content-wrapper .header-area {
    -ms-flex: 0 0 100vw;
    flex: 0 0 100vw;
    width: 100vw;
    max-width: 100vw;
    z-index: 4000;
    top: 0;
    left: -110vw;
    /* height: 100vh !important;
    max-height: 100vh !important; */
    bottom: 0;
    /* background-color: antiquewhite; */
    overflow: hidden;
  }
}
.cursor-pointer{
  cursor: pointer;
}.no-select {
  -webkit-user-select: none; /* For Safari, Chrome, and Opera */
  -moz-user-select: none;    /* For Firefox */
  -ms-user-select: none;     /* For Internet Explorer and Edge */
  user-select: none;         /* Standard syntax */
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
.processing2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
  z-index: 9999; /* Ensure it stays on top */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Style for the loading spinner */
.loading-spinner {
  border: 8px solid rgba(0, 0, 0, 0.1); /* Light gray border */
  border-radius: 50%;
  border-top: 8px solid #ffffff; /* White border for the spinner */
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

/* Keyframes for the spinning animation */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* Wishlist Button Styling */
.wishlist-btn {
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
  color: #495057;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.wishlist-btn i {
  margin-right: 8px;
  transition: color 0.3s ease;
}

/* Toggle Active State */
.wishlist-btn.active {
  background-color: #ff4757;
  color: #ffffff;
  border-color: #ff4757;
}

.wishlist-btn.active i {
  color: #ffffff;
}

/* Hover Effect */
.wishlist-btn:hover {
  background-color: #e9ecef;
}
.address-list {
  padding: 20px;
}
.address-item {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: #f8f9fa;
}
.address-item.active {
  border-color: #007bff;
  background-color: #e9ecef;
}
.custom-card-img {
  height: 100%; /* Fill the parent div height */
  object-fit: cover; /* Maintain aspect ratio */
}
.custom-card-body {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center align content vertically */
  height: 100%; /* Ensure full height for the card body */
}