.clickable-row {
    cursor: pointer; /* Default cursor style */
    transition: background-color 0.3s ease; /* Smooth transition for background color change */
}

.clickable-row:hover {
    background-color: #f0f0f0; /* Change background color on hover */
    cursor: pointer; /* Change cursor style on hover */
}

.faq-container {
    background-color: lightslategray;
    padding: 10px;
    border-radius: 5px;
}

 /* Apply styling to the rows */
 .faq-question,
 .faq-answer,
 .active-div {
     background-color: lightseagreen; /* Light grey background */
     color: #ffffff;
     padding: 15px; /* Adjust the padding as needed */
     margin-bottom: 15px; /* Add some space between the rows */
     border-radius: 5px;
 }

 /* Style for the checkbox label */
 .active-label {
     margin-left: 10px; /* Add some space between the checkbox and label */
 }

 h1 {
    color: #000000;
}

.table {

    color: #000000;
    background-color: white;
}