@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&display=swap');


h1,h2,h3,h4,h5,h6{
    font-family: "Plus Jakarta Sans", sans-serif;
}


  .scrollmenu {
    overflow: auto;
    white-space: nowrap;
  }

.filterDiv {
    float: left;
    background-color: #fff;
    color: #000;
    margin: 15px;
    border-bottom: 2px solid #000;
    padding: 30px 40px;
    box-shadow: 0 5px 30px rgba(0,0,0,0.16);
    display: none;
    width: 30.5%;
    min-height: 220px;
  }
  
  .show {
    display: block;
  }

  .inv-icon-block a {
        padding: 5px;
    }

    .inv-text-sm h6 {
        font-size: 22px;
    }

    .inv-text-sm p {
        font-size: 20px;
    }

    .inv-icon-block {
        margin-top: 20px;
    }
  
  
  
  /* Style the buttons */
  .filter-btn {
    border: none;
    outline: none;
    padding: 12px 16px;
    background-color: #fff;
    cursor: pointer;
    color: #8991a2;
    font-size: 22px;
  }
  
  .fa-solid{
    color: #000;
  }
  
  
  .filter-btn:hover {
    color: #000;
    /* text-decoration: underline;
    text-decoration-color: #000; */
  }
  
  .filter-btn:focus {
      color: #000;
      text-decoration: underline;
      text-decoration-color: #000;
  }


  /* width */
.scrollmenu::-webkit-scrollbar {
  height: 4px;
}

/* Track */
.scrollmenu::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.scrollmenu::-webkit-scrollbar-thumb {
  background: rgb(0, 0, 0); 
  border-radius: 10px;
  height: 1px;
}

/* Handle on hover */
.scrollmenu::-webkit-scrollbar-thumb:hover {
  background: #000000; 
}


/*20/04/2024 Few Style has been changed directly in the class name */
.inv-text-sm {
    min-height: 150px;
}

.filterDiv{min-height: 220px;}
.fa-solid {color: #000; font-size: 25px;}