/* Define the CSS styles for the headings */
.distinct-heading {
    background-color: #333; /* Dark mode background color */
    color: #E5D8D5 ; /* Text color, you can change this to your preference */
    padding: 10px; /* Add padding for spacing */
    border-radius: 5px; /* Add rounded corners */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* Add a subtle shadow */
    text-transform: uppercase; /* Convert header text to uppercase */
    
  }