.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
  }
  .line-clamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
  }
  
  .toast-container {
   color: #f78fc3;
  }

.tbl-head{--bs-table-accent-bg: #f1f2f9; color: var(--bs-table-striped-color);}
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #f78fc3; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }


.btn-outline-primary2 {
  border-color: #000;
}

.btn-outline-primary2:hover {  
  border-color: #000;
}

.btn-outline-primary2:focus {
  box-shadow: none; 
}

.btn-check:checked + .btn-outline-primary2,
.btn-check:active + .btn-outline-primary2, .btn-outline-primary2:active, .btn-outline-primary2.active, .btn-outline-primary2.dropdown-toggle.show {
  border-color: #000; }

.d-none{
  display: none;
}

.wishlist-card{
  border: 1px solid var(--primary-color) !important;background-color: #FFF;
}

.order-card{
  background-color: #F8E8EE!important;
}

.rating {  
  border: none; 
  float: left; 
} 
 
.rating > input { display: none; }  
.rating > label:before {  
  margin: 5px; 
  font-size: 2.25em; 
  font-family: FontAwesome; 
  display: inline-block; 
  content: "★ "; 
} 
 
.rating > .half:before {  
  content: "★ "; 
  position: absolute; 
} 
 
.rating > label {  
  color: #ddd;  
 float: right;  
} 
 
.rating > input:checked ~ label,  
.rating:not(:checked) > label:hover, 
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  }  
 
.rating > input:checked + label:hover,  
.rating > input:checked ~ label:hover, 
.rating > label:hover ~ input:checked ~ label, 
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }