.scrollcon {
  max-height: 40vh; /* Set the maximum height of the container to 60% of the viewport height */
  overflow-x: hidden;/* Prevent horizontal scrolling */
  overflow-y: scroll;/* Enable vertical scrolling within the container when content exceeds its height */
  border: 1px solid #ccc; /* Border style for the container */
  border-radius: 10px; /* Applies a border-radius to the scrollbar track */
}

.scrollcon::-webkit-scrollbar {
  width: 14px;/* Sets the width of the scrollbar */
}

.scrollcon::-webkit-scrollbar-track {
  background: BLACK; /* Sets the background color of the scrollbar track */
  border-radius: 10px; /* Applies a border-radius to the scrollbar track */
}

.scrollcon::-webkit-scrollbar-thumb {
  background: blue; /* Sets the background color of the scrollbar thumb */
  border-radius: 10px; /* Applies a border-radius to the scrollbar thumb */
}