   /* .close_button{
            float:right;
        } */
   /* .close-button{
            z-index: 99999;
        } */
   /* .cart-list {
      max-height: 300px; 
      overflow-y: auto; 
    } */
   /* .cart-list::-webkit-scrollbar {
      width: 2px;
      z-index: -1;
    } */

   /* .cart-list {
      scrollbar-width: thin; 
      scrollbar-color: transparent transparent;
    } */

   /* .cart-list::-webkit-scrollbar-thumb {
      background-color: green; 
    }

    .cart-list::-webkit-scrollbar-track {
      background-color: blue; 
    } */
   .carousel-item img {
       max-height: 400px;
       /* Adjust this value as needed 1200x400*/
       width: 100%;
       object-fit: cover;
   }

   /* FOR Search Product Autocomplete */
   /* .search-results {
        position: absolute;
        background-color: #fff;
        border: 1px solid #ccc;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        display: none;
    } */

   .search-results,
   .no-results {
       position: absolute;
       background-color: #fff;
       border: 1px solid #ccc;
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
       z-index: 1000;
       width: 40%;
       /* width: calc(100% - 2px); */
   }

   .search-results p,
   .no-results {
       padding: 10px;
       margin: 0;
       cursor: pointer;
   }

   .search-results p:hover,
   .search-results p.selected,
   .no-results {
       background-color: #f0f0f0;
   }

   .search-results p img {
       max-width: 50px;
       max-height: 50px;
       margin-right: 10px;
   }

   /* For 2nd Search */

   /* .search-results2,
   .no-results2 {
       position: absolute;
       background-color: #fff;
       border: 1px solid #ccc;
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
       z-index: 1000;
       width: calc(100% - 2px);
   }

   .search-results2 p,
   .no-results2 {
       padding: 10px;
       margin: 0;
       cursor: pointer;
   }

   .search-results2 p:hover,
   .search-results2 p.selected,
   .no-results2 {
       background-color: #f0f0f0;
   }

   .search-results2 p img {
       max-width: 50px;
       max-height: 50px;
       margin-right: 10px;
   } */

   /* FOR Search Product Autocomplete */

   .loader {
       border: 8px solid #f3f3f3;
       /* Light grey */
       border-top: 8px solid #3498db;
       /* Blue */
       border-radius: 50%;
       width: 50px;
       height: 50px;
       animation: spin 1s linear infinite;
       position: fixed;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       z-index: 1000;
       display: none;
       /* Initially hidden */
   }

   @keyframes spin {
       0% {
           transform: rotate(0deg);
       }

       100% {
           transform: rotate(360deg);
       }
   }