/*-------------------------------------
 * customize material design icon sizes 
 *-------------------------------------
 */

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.responsive {
    width: 300px;
    height: auto;
  }

  /* Add CSS styles for the card container with vertical scrolling */
.card-container {
  max-height: 350px; /* Adjust the maximum height as needed */
  overflow-y: auto;
}

/* Style the individual cards as needed */
.card {
  width: 45%; /* Adjust the width as per your design, leaving a little space for margins */
  margin: 2%; /* Add margin between cards */
}