.popup-link:hover {
  background-color: transparent; /* Установит прозрачный фон при наведении */
}


    .menu-item {
      padding: 10px 20px;
      margin: 0 10px;
      text-decoration: none;
      color: black !important; 
      font-size: 18px;
      font-family: 'Arial', sans-serif;
      position: relative;
      text-align:center;
      z-index: 10000;
      cursor: pointer;
    }
    
        .menu-item:hover {
            color: #e73c07 !important; 
        }
    
    #allrecords a:hover {
  color: #e73c07 !important; /* Оранжевый цвет при наведении */
}


    .menu-item:hover .services-popup {
      display: block;
      z-index: 10000;
      
    }

.header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 40px;
      background-color: #E3E1DF;
      z-index: 10000;
    }

    .menu {
      display: flex;
      list-style-type: none;
      padding: 0;
      margin: 0;
    }


    .services-popup {
      display: none;
      position: absolute;
      background-color: white;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
      padding: 12px 16px;
      z-index: 10000;
      top: 100%;
      left: 0;
    }

    .popup-link {
      display: block;
      color: black;
      text-decoration: none;
      padding: 8px 0;
    }
    
    .popup-link:hover {
      /*background-color: #f1f1f1;*/
    }


/* Следующий стиль уберет подчеркивание при наведении, если оно есть */
.menu-item:hover {
  text-decoration: none;
}

/* Следующий CSS убирает маркеры списка, если они используются */
.menu {
  list-style-type: none;
  padding: 0; /* Убрать внутренние отступы списка */
  margin: 0; /* Убрать внешние отступы списка */
}


/* Ваши стили для логотипа остаются без изменений */
.logo-container {
  font-size: 38px;
  line-height: 1;
  color: #000 !important;
}

.logo-line {
  display: flex;
  align-items: baseline;
}

.logo-line span {
  opacity: 1;
  transition: opacity 0.5s ease, transform 0.5s ease;
  display: inline-block;
  margin-right: 0.05em;
}

.design {
  margin-left: 30px; /* Добавление отступа слева */
}


.logo-line span:not(:first-child) {
  opacity: 0;
  transform: translateY(20px);
}

.animate-in span:not(:first-child) {
  opacity: 1;
  transform: translateY(0);
}

.services-popup {
  display: none; /* Скрывает попап по умолчанию */
  position: absolute; /* Позиционирует попап */
  background-color: white; /* Фон попапа */
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); /* Тень для попапа */
  padding: 12px 16px; /* Отступы внутри попапа */
  z-index: 1; /* Убедитесь, что попап находится над другими элементами */
}

.popup-link {
  display: block; /* Ссылки будут отображаться как блочные элементы, каждая на новой строке */
  margin: 5px 0; /* Отступы между ссылками */
  color: black !important; /* Цвет текста ссылок */
  text-decoration: none; /* Убирает подчеркивание ссылок */
  font-size: 16px; /* Размер шрифта ссылок */
}