/* Стили для элементов аккордеона */
.accordeon__item {
  border-bottom: 1px solid #ccc;
}

.accordeon__title {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 10px;
  background-color: #f2f2f2;
  border: none;
  outline: none;
  cursor: pointer;
  overflow: hidden;
  /* Скрытие лишнего текста, когда аккордеон свернут */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  /* Добавление тени */
  font-family: 'book antiqua', sans-serif;
  font-size: 16px;
}

.accordeon__title::before {
  content: '\25B4';
  /* Символ стрелки вверх (▴) */
  position: absolute;
  right: 10px;
  transition: transform 0.3s ease;
  /* Плавное изменение при анимации */
}

.accordeon__item.active .accordeon__title::before {
  transform: rotate(180deg);
  /* Поворот стрелки при открытом состоянии */
}

.accordeon__text {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  /* Плавное изменение высоты при анимации */
  padding: 10px;
  opacity: 0;
  /* добавлено для плавного появления контента */
}

.accordeon__item.active .accordeon__text {
  max-height: 1000px;
  opacity: 1;
  /* добавлено для плавного появления контента */
}

.accordeon__text img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.accordeon__text--descr {
  padding-bottom: 100px;
}

.main {
  margin-right: 20px;
}