/* Custom styles for extra margin */
.mt-8 {
    margin-top: 8rem !important; /* Adjust the value as needed */
}

/* Custom styles for the accordion */
.custom-accordion .accordion-button {
    background-color: #6c757d; /* Gray background */
    color: rgb(221, 48, 48);
    border: none;
    outline: none;
    transition: background-color 0.3s ease;
}

.custom-accordion .accordion-button:hover {
    background-color: #5a6268; /* Darker gray background on hover */
}

.custom-accordion .accordion-button:not(.collapsed) {
    color: white;
    background-color: #5a6268; /* Darker gray background when expanded */
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.custom-accordion .accordion-body {
    background-color: #f8f9fa; /* Light background */
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-top: none;
}

.custom-accordion .accordion-item {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    margin-bottom: 1rem; /* Add margin to space out items */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add shadow for better separation */
}