/* 1 Shopping cart CSS ------------------------------*/
.card-hero{
  overflow:visible !important;
}

.primaryBtn{
    background-color: #0076a1;
    color: #fff;
    cursor: pointer;
    border: 3px solid #0076a1;
  }
  .addToCart{
    display: flex;
    align-items: center;
  }
  /*the container must be positioned relative:*/
  .custom-select {
    position: relative;
    background-color: #f5fafc;
    color: #0076a1;
    border: 2px solid #0076a1;
    border-radius: 4px;
    margin-top: 8px;
    font-family: AvenirNextW06-Demi, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }
  
  .custom-select select {
    display: none; /*hide original SELECT element:*/
    
  }
  
  .select-selected {
    background-color: #f5fafc;
    border: 2px solid #0076a1;
    border-radius: 4px;
    font-weight:500;
  }
  
  
  .select-selected:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
      transition: transform 0.3s ease; /* Smooth transition for rotation */
  
    border: solid #0076a1;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    /* Adjust the size of the chevron by changing padding */
  }
  .select-selected.chevron-up:after {
    transform: translateY(-50%) rotate(225deg); /* Adjusted for initial 45deg rotation */
  }
  
  /*style the items (options), including the selected item:*/
  .select-items div,.select-selected {
    color: #0076a1;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
  }
  
  /*style items (options):*/
  .select-items {
    position: absolute;
    background-color: #f5fafc;
    border: 2px solid #0076a1;
    box-shadow: 0 5px 10px rgba(41,150,190,.12);
    border-radius: 0px 0px 4px 4px;
    top: 100%;
    left: -2px;
    right: -2px;
    z-index: 99;
    animation: fadeIn 0.3s ease forwards;
  }
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  /*hide the items when the select box is closed:*/
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: #e5f5fb;
  }
  
  /* End Shopping cart CSS */