/* custom.css */
  .scene__cloud-front {
  opacity: 0.2;
  animation: move-cloud-front 40s linear infinite;
}

.scene__cloud_n_1 {
  opacity: 0.15;
  animation: move-cloud-1 20s linear infinite;
}

.scene__cloud_n_2 {
  opacity: 0.1;
  animation: move-cloud-2 25s linear infinite;
}

.scene__cloud_n_3 {
  opacity: 0.1;
  animation: move-cloud-2 30s linear infinite;
}

.scene__cloud_n_4 {
  opacity: 0.2;
  animation: move-cloud-2 40s linear infinite;
}

/* Изменение фона верхней полоски и цвета текста */
.section[data-section="navigation"] {
    background-color: #000 !important; /* Черный фон */
}

.navigation {
    background-color: #000 !important; /* Черный фон */
    color: #fff !important; /* Белый цвет текста */
}

/* Изменение цвета текста и декоративных элементов в меню */
.navigation .menu__item {
    color: #fff !important; /* Белый цвет текста */
}

.navigation .menu__item:hover {
    color: #ddd !important; /* Светло-серый цвет при наведении */
}

/* Фон и текст для мобильного меню */
.mob-menu-active .menu {
    background-color: #000 !important; /* Черный фон */
}

.mob-menu-active .menu__content {
    background-color: #000 !important; /* Черный фон для контента */
    color: #fff !important; /* Белый цвет текста */
}

/* Убедитесь, что текст при наведении остается видимым */
.mob-menu-active .menu__item_open,
.mob-menu-active .menu__item:hover {
    color: #ddd !important; /* Светло-серый цвет текста при наведении */
    background-color: transparent !important; /* Прозрачный фон */
}

/* Изменение цвета фона при наведении в мобильном меню */
.mob-menu-active .menu__item:hover,
.mob-menu-active .menu__item_open {
    background-color: #333 !important; /* Темно-серый фон при наведении */
    color: #fff !important; /* Белый цвет текста */
}
/* Стили для темного подвала */
.footer__dark {
    background-color: #000 !important; /* Темный фон */
    color: #fff !important; /* Светлый текст */
}

.footer__dark a {
    color: #fff !important; /* Светлый цвет ссылок */
}

.footer__dark a:hover {
    color: #ddd !important; /* Светло-серый цвет при наведении */
}

/* Стили для темного подвала */
.section[data-section="footer"] {
    background-color: #000 !important; /* Темный фон */
    color: #fff !important; /* Светлый текст */
}
/* Изменения для подвала */
.footer__copyright {
    color: #f0f0f0 !important; /* Светло-серый цвет текста для лучшей видимости */
}