/* Стилі для контейнера акордеона */
.accordion {
    border: 1px solid #ddd; /* Межі навколо всього акордеона */
    border-radius: 5px; /* Закруглені кути */
    overflow: hidden;
}

/* Стилі для кожного елемента акордеона */
.accordion-item {
    border-bottom: 1px solid #ddd; /* Межа між об'єктами акордеона */
}

.accordion-item:last-child {
    border-bottom: none; /* Видалення межі в останнього елемента */
}

/* Стилі для заголовка акордеона */
.accordion-header {
    padding: 10px;
    background-color: #f7f7f7; /* Світло-сірий фон для заголовка */
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

/* Стилі для тіла акордеона */
.accordion-collapse {
    padding: 15px;
    background-color: #fff; /* Білий фон для тіла акордеона */
    display: none;
}

.accordion-collapse.show {
    display: block;
}

/* Стилі для контейнера акордеона без меж */
.accordion.accordion-flush {
    border: none;
}

/* Стилі для кожного елемента акордеона */
.accordion-flush .accordion-item {
    border: none; /* Видалення меж між об'єктами акордеона */
    border-bottom: 1px solid #ddd; /* Додавання роздільника між елементами */
}

.accordion-flush .accordion-item:last-child {
    border-bottom: none; /* Видалення нижньої межі в останнього елемента */
}

/* Стилі для заголовка акордеона */
.accordion-flush .accordion-header {
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
    border: none; /* Видалення нижньої межі у заголовка */
    background-color: transparent; /* Прозорий фон */
}

/* Стилі для тіла акордеона */
.accordion-flush .accordion-collapse {
    padding: 15px;
    background-color: transparent; /* Прозорий фон */
    border-top: none; /* Видалення верхньої межі тіла акордеона */
}

.accordion-flush .accordion-collapse.show {
    display: block;
}