.uc-sidescroll .t396__artboard {
    overflow-x: auto !important;
    -ms-overflow-style: none !important;  /* Убирает скроллбар в IE и Edge */
    scrollbar-width: none !important;  /* Убирает скроллбар в Firefox */
}

.uc-sidescroll .t396__artboard::-webkit-scrollbar {
    display: none !important;  /* Убирает скроллбар в Chrome, Safari и Opera */
}

#rec784435384 .t396__artboard {
    overflow-x: auto;
    white-space: nowrap;
}

.slider-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 100;
}

.slider-arrow {
    background: none;
    border: none;
    color: #ECD69E;
    font-size: 30px;
    cursor: pointer;
    width: 67px;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    
body {
  background-color: #222;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222; /* Цвет фона */
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#loader {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ECD69E; /* Новый цвет */
    animation: spin 2s linear infinite;
    position: relative;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ADA284; /* Новый цвет */
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #666666; /* Новый цвет */
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0%   {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}





/* Устанавливаем фон всему блоку */
.custom-accordion {
    max-width: 1200px; /* Ограничение ширины до 1200px */
    margin: 0 auto; /* Центрирование аккордеона */
    background-color: #0b0b0b; /* Цвет фона блока аккордеона */
    padding: 20px; /* Добавляем отступы внутри блока */
    border-radius: 20px; /* Закругляем углы блока */
    box-sizing: border-box; /* Учитываем padding и border в общей ширине/высоте */
}

/* Устанавливаем фон и прозрачность для внутренних элементов */
.accordion-item {
    border: 2px solid #EAD49C; /* Цвет обводки */
    border-radius: 20px; /* Закругление углов */
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #0b0b0b; /* Устанавливаем фон элемента в цвет блока */
}

.accordion-header {
    background-color: transparent; /* Прозрачный фон для заголовков */
    padding: 15px;
    cursor: pointer;
    font-family: 'Normal', sans-serif; /* Ваш кастомный шрифт */
    font-size: 40px; /* Размер шрифта заголовка */
    color: #FFFFFF; /* Цвет текста заголовка */
    font-weight: normal; /* Начертание Normal */
    position: relative;
    padding-right: 30px; /* Добавляем отступ справа для знака + */
}

.accordion-header::first-letter {
    color: #EAD49C; /* Цвет первых букв */
    font-weight: normal; /* Начертание для первых букв */
}

.accordion-header::before {
    content: '+';
    color: #EAD49C; /* Цвет знака плюс */
    font-weight: normal; /* Делаем знак плюс тоньше */
    font-size: 24px; /* Увеличиваем размер знака плюс */
    position: absolute;
    right: 15px; /* Располагаем знак плюс справа */
    top: 50%;
    transform: translateY(-50%); /* Вертикальное центрирование знака плюс */
}

.accordion-content {
    max-height: 0;
    padding: 0 15px;
    background-color: #0b0b0b; /* Цвет фона для контента */
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-content p {
    font-family: 'Normal', sans-serif; /* Ваш кастомный шрифт */
    font-size: 20px; /* Размер шрифта для текста внутри */
    color: #FFFFFF; /* Цвет текста внутри */
    font-weight: 300; /* Начертание Light */
    margin: 10px 0; /* Отступы сверху и снизу */
}

/* Адаптивные стили для ширины экрана 640px и меньше */
@media (max-width: 640px) {
    .accordion-header {
        font-size: 24px; /* Размер шрифта заголовка на планшетах */
    }

    .accordion-content p {
        font-size: 16px; /* Размер шрифта текста внутри на планшетах */
    }
}

/* Основное меню фвыфывфывывввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввввв */
/* Основное меню */
.main-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    position: relative; /* Позиционирование для z-index */
    z-index: 10000; /* Очень высокий z-index */
}

.main-menu li {
    position: relative;
    margin-right: 20px;
}

.main-menu a,
.main-menu a:visited,
.main-menu a:active,
.main-menu a:focus {
    text-decoration: none;
    color: #BCBCBC !important; /* Цвет текста с приоритетом */
    font-family: 'Normal', sans-serif; /* Шрифт */
    font-size: 16px; /* Размер шрифта */
    font-weight: normal; /* Начертание */
    padding: 10px 15px;
    display: block;
}

/* Стиль для стрелочки вниз */
.main-menu .dropdown-trigger .arrow {
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
    color: #BCBCBC !important; /* Цвет стрелочки с приоритетом */
}

/* Стили для выпадающего меню */
.main-menu .dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #0b0b0b; /* Цвет фона */
    border: 2px solid #EAD49C; /* Цвет обводки */
    border-radius: 10px;
    min-width: 160px;
    z-index: 10001;
    padding: 12px 0;
}

/* Отступы внутри дропдауна */
.main-menu .dropdown-content a,
.main-menu .dropdown-content a:visited,
.main-menu .dropdown-content a:active,
.main-menu .dropdown-content a:focus {
    padding: 12px 24px;
    color: #BCBCBC !important; /* Цвет текста с приоритетом */
}

.main-menu .dropdown-content a:hover {
    background-color: #f1f1f1;
    color: #000 !important; /* Цвет текста при наведении с приоритетом */
}

/* Показать дропдаун при наведении */
.main-menu .dropdown:hover .dropdown-content {
    display: block;
}

/* Показать дропдаун при клике */
.main-menu .dropdown-trigger:hover + .dropdown-content,
.main-menu .dropdown-content:hover {
    display: block;
}




}
/*ASDASDASDASDASDSADASDASDASDADSADASDASDASDASDASDASDASDDAS */
/* Стили для метки "Год" */
label[for="year-select"] {
    font-family: 'Normal', sans-serif; /* Шрифт */
    font-weight: normal; /* Начертание */
    font-size: 20px; /* Размер шрифта */
    color: #FFFFFF; /* Цвет текста */
    margin-right: 24px; /* Отступ между меткой и кнопкой */
}

/* Стили для выпадающего списка */
#year-select {
    border-radius: 20px; /* Закругленные углы */
    background-color: #161616; /* Фон кнопки */
    color: #FFFFFF; /* Цвет текста */
    font-family: 'Normal', sans-serif; /* Шрифт */
    font-weight: normal; /* Начертание */
    font-size: 20px; /* Размер шрифта внутри кнопки */
    padding: 10px 10px 10px 10px; /* Внутренний отступ */
    border: 2px solid #EAD49C; /* Цвет границы */
    width: 150px; /* Ширина поля */
    position: relative; /* Для позиционирования стрелки */
}

/* Стили для стрелки */
#year-select::after {
    content: '▼'; /* Стрелка вниз */
    position: absolute;
    right: 10px; /* Отступ справа */
    top: 50%; /* Центрирование по вертикали */
    transform: translateY(-50%) translateX(-12px); /* Сдвиг влево на 12px */
    color: #FFFFFF; /* Цвет стрелки */
    pointer-events: none; /* Отключение событий мыши */
}

/* Стили при наведении */
#year-select:hover::after {
    color: #EAD49C; /* Изменение цвета стрелки при наведении */
}

/*asdasdasdasdasdasdASDASDASDASDASDASDASDASDAdasdasdasdasdasdddddddadasSAASADASASDASDAASADAADSAASASDADSADDA */
.docs-list {
    background-color: #161616 !important; /* Фон для всего списка */
    padding: 4vw !important; /* Адаптивный отступ внутри всего блока */
    border-radius: 2vw !important; /* Адаптивное закругление углов всего блока */
}

.doc-item {
    margin-bottom: 2vw !important; /* Адаптивный отступ между элементами */
    padding: 4vw !important; /* Адаптивный отступ внутри каждого элемента */
    background-color: #161616 !important; /* Фон для каждого элемента */
    border-radius: 2vw !important; /* Адаптивное закругление углов у каждого элемента */
    border: 1px solid #EAD49C !important; /* Обводка */
}

.doc-item a {
    text-decoration: none !important; /* Убираем подчеркивание ссылок */
    color: #FFFFFF !important; /* Цвет текста */
    font-family: 'Normal', sans-serif !important; /* Шрифт */
    font-weight: normal !important; /* Начертание */
    display: block;
}

.doc-title {
    font-size: 3.5vw !important; /* Адаптивный размер шрифта заголовка */
    margin-bottom: 1vw !important;
}

.doc-info {
    font-size: 2.5vw !important; /* Адаптивный размер шрифта для размера файла */
    color: #767676 !important; /* Серый цвет для размера файла */
    font-family: 'Normal', sans-serif !important; /* Шрифт */
    font-weight: normal !important; /* Начертание */
}

/* Медиазапросы для адаптации размера текста и отступов на больших экранах */
@media (min-width: 1024px) {
    .doc-item {
        margin-bottom: 1.5vw !important; /* Уменьшение отступов между элементами на десктопах */
        padding: 2vw !important; /* Уменьшение внутренних отступов каждого элемента на десктопах */
        border-radius: 1vw !important; /* Уменьшение закругления углов */
    }

    .doc-title {
        font-size: 1.5vw !important; /* Уменьшенный размер шрифта заголовка для десктопов */
    }

    .doc-info {
        font-size: 1.2vw !important; /* Уменьшенный размер шрифта для размера файла */
    }
}

@media (min-width: 1440px) {
    .doc-item {
        margin-bottom: 1vw !important; /* Еще меньшее уменьшение отступов между элементами */
        padding: 1.5vw !important; /* Еще меньшее уменьшение внутренних отступов */
        border-radius: 0.5vw !important; /* Уменьшение закругления углов для больших экранов */
    }

    .doc-title {
        font-size: 1.2vw !important; /* Ещё меньший размер шрифта заголовка для больших экранов */
    }

    .doc-info {
        font-size: 1vw !important; /* Ещё меньший размер шрифта для размера файла */
    }
}






/*asdasdasdasdasdasdASDASDASDASDASDASDASDASDAdasdasdasdasdasdddddddadasSAASADASASDASDAASADAADSAASASDADSADDA *//*asdasdasdasdasdasdASDASDASDASDASDASDASDASDAdasdasdasdasdasdddddddadasSAASADASASDASDAASADAADSAASASDADSADDA */

.container {
    position: relative;
    margin-bottom: 20px;
}

.plus1 {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 50%;
}

.content {
    display: none;
    margin-top: 10px;
    transition: all 0.3s ease;
}

.content.show {
    display: block;
}

.Rect1 {
  position: fixed; /* Прямоугольник фиксируется относительно окна браузера */
  top: 10px; /* Расстояние от верхней части окна */
  left: 10px; /* Расстояние от левой части окна */
  z-index: 1000; /* Устанавливаем z-index, чтобы прямоугольник был поверх других элементов */
  /* Добавьте остальные стили прямоугольника, такие как размеры, цвет, и т.д. */
  width: 100px; 
  height: 100px;
  background-color: #2d89cf;
  border-radius: 8px;
}