.wrapper-laboratory {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: -50px; /* Отступ сверху -50 пикселей */
  padding-bottom: -50px; /* Отступ снизу -50 пикселей */
  padding-left: 10px; /* Отступ слева 10 пикселей */
}

.menu-laboratory {
  position: absolute;
  width: 240px;
  height: 266px;
  left: 84px;
  top: 1950px; /* Позиция нового меню */
}

.menu-item-laboratory {
  margin-bottom: 10px;
  color: white; /* Устанавливаем белый цвет текста */
}

.menu-item-laboratory::after {
  content: ""; /* Добавляем контент после каждого пункта */
  display: block; /* Размещаем контент как блочный элемент */
  width: 60%; /* Ширина линии на всю ширину родительского элемента */
  height: 1px; /* Высота линии */
  background-color: white; /* Цвет линии */
  margin-top: 5px; /* Отступ сверху */
  margin-bottom: 5px; /* Отступ снизу */
}

.menu-item-laboratory a {
  color: white; /* черный цвет текста */
  text-decoration: none; /* Убираем подчеркивание */
  transition: color 0.3s ease; /* Плавное изменение цвета при наведении */
}

.menu-item-laboratory a:hover {
  color: #3464ad; /* Цвет текста при наведении */
}

.container-laboratory {
  display: flex;
  flex-direction: column; /* Располагаем элементы в столбец */
  margin-left: 50px; /* Расстояние для пунктов от края (отступы) */
}

/* Медиазапрос для мобильных устройств */
@media (max-width: 768px) {
  .container-laboratory {
    margin-left: 0; /* Убираем отступ для мобильных устройств */
  }
}

.item-laboratory {
  display: flex;
  align-items: center; /* Выравниваем элементы по вертикали */
  margin-bottom: 20px; /* Отступ между блоками */
}

.item-laboratory img {
  max-width: 100px; /* Задаем максимальную ширину для изображения */
  margin-right: 20px; /* Отступ справа для изображения */
}

.item-laboratory p {
  margin: 0; /* Убираем внешние отступы у параграфа */
  flex: 1; /* Позволяем тексту занимать оставшееся пространство */
}

/* Медиазапрос для мобильных устройств */
@media (max-width: 768px) {
  .item-laboratory {
    flex-direction: row; /* Располагаем элементы в строку */
    align-items: center; /* Выравниваем элементы по вертикали */
  }

  .item-laboratory img {
    max-width: 50px; /* Уменьшаем размер изображения для мобильных устройств */
    margin-right: 10px; /* Отступ справа для изображения */
  }

  .item-laboratory p {
    margin-left: 10px; /* Отступ слева для текста */
    flex: 1; /* Позволяет тексту занимать оставшееся пространство */
  }
}

.item-laboratory h3 {
  margin: 0;
  min-width: 150px; /* Минимальная ширина для заголовков */
}

.item-laboratory p {
  margin: 0;
  padding-left: 20px; /* Отступ слева для выравнивания */
  flex: 1; /* Позволяет параграфам занимать оставшееся пространство */
}

/* Медиазапрос для мобильных устройств */
@media (max-width: 768px) {
  .item-laboratory {
    flex-direction: row;
    align-items: center; /* Выравниваем элементы по левому краю */
  }

  .item-laboratory p {
    padding-left: 0;
    margin-top: 5px; /* Добавляем отступ сверху на маленьких экранах */
  }
}

.image-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.image1 {
  width: 417px; /* Задаем ширину для первой картинки */
  height: auto; /* Позволяет сохранить пропорции */
  margin-right: 10px; /* Отступ справа для первой картинки */
}

.image2 {
  width: 357px; /* Задаем ширину для второй картинки */
  height: auto; /* Позволяет сохранить пропорции */
  margin-left: 10px; /* Отступ слева для второй картинки */
}

.image-right {
  display: flex;
  flex-direction: column;
  margin-left: 20px; /* Отступ слева между image3 и image4 */
}

.image3 {
  width: 400px; /* Задаем ширину для первой картинки */
  height: auto; /* Позволяет сохранить пропорции */
  margin-right: 20px; /* Отступ справа для image3 */
}

.image4 {
  width: 360px; /* Задаем ширину для первой картинки */
  height: auto; /* Позволяет сохранить пропорции */
  margin-bottom: 20px; /* Отступ снизу для image4 */
}

.image5 {
  width: 210px; /* Задаем ширину для первой картинки */
  height: auto; /* Позволяет сохранить пропорции */
  margin-top: 20px; /* Отступ сверху для image5 */
}

.image-container-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.image6 {
  width: 800px; /* Задаем ширину для первой картинки */
  height: auto; /* Позволяет сохранить пропорции */
  margin-bottom: 20px; /* Отступ снизу для image4 */
}

.image7 {
  width: 800px; /* Задаем ширину для первой картинки */
  height: auto; /* Позволяет сохранить пропорции */
  margin-bottom: 20px; /* Отступ снизу для image4 */
}