body, .content, .article-content, .item-page {
    font-family: "Arial", serif;
    font-size: 18px;
    line-height: 1.6;
    color: #333333;
    text-align: justify;     
    margin: 20px;     
    margin-right: 20px;
}
h1, h2, h3 {
    font-weight: bold;
    color: #004080;
    margin-top: 15px;
    margin-bottom: 10px;
}
p {
    margin-bottom: 15px;
    margin-right: 20px;
    margin-left: 20px;
}
table {
    border-collapse: collapse;
    width: 100%;
}
table td, table th {
    padding-left: 10px;
    padding-right: 15px;
    vertical-align: top;
}
.main-top ul {
        width: 100% !important;
    list-style: none;
    padding: 0;
    margin: 0px;
    display: flex;flex-wrap: wrap;
    background-color: #6a8dbd !important; /*цвет фона*/
    margin-right:-5px;
    column-gap: 0px;
}
.main-top ul li a.btn-custom {
    display: block;
    color: #ffffff !important; /*цвет букв гланого меню*/
    padding: 10px 1px;
    text-decoration: 1;
    transition: all 0.3s ease;
    font-size: 16px;
    border-radius: 1; 
    font-family: Verdana,sans-serif;
}
.main-top ul li a.btn-custom:hover {
    background-color: #4a6fa3 !important; /*цвет кнопок при наведении*/
    transform: scale(1.01);
    color: #ffffff!important; /*цвет букв при наведении*/
    margin-right: 0px;
}
.custom-width {
    width: 235px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
}
.custom-menu {
    width: 100vw !important;
    display: block !important;
    clear: both !important;
}
.custom-menu ul, 
.custom-menu li {
    display: inline-block !important;
    float: left !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}
.custom-menu ul li a {
    display: block !important;
    padding: 10px 15px !important;
}
.custom-menu::after {
    content: "";
    display: table;
    clear: both;
}
.custom-menu {
    min-width: 100% !important;
      background-color: #00FF00 !important; /* не знаю что за цвет*/
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
.custom-menu ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.menu-horizontal {
    max-width: 100vw !important;
    min-width: 100%  !important;
    display: flex  !important;
    height: auto !important; 
    background-color: #ffffff !important; /* не знаю что за цвет*/
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important; 
    margin-right:-5px;
}
.menu-horizontal ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Показываем выпадающий список при наведении */
.menu-horizontal li:hover > ul {
    display: flex !important;
    flex-direction: column !important;
    position: absolute !important;
    top: 100%; /* Вешает список ровно под основной строкой */
    background-color: #6a8dbd !important; /* Цвет выпадающих меню */
    z-index: 9999 !important;
    min-width: 250px !important; /* Чтобы длинные названия подразделов не переносились */
}

/* Скрываем подменю по умолчанию */
.menu-horizontal li ul {
    display: none !important;
}

/* Стили для ссылок внутри выпадающего меню (чтобы не слипались) */
.menu-horizontal li ul li {
    width: 100% !important;
    padding: 10px 15px !important;
    border-bottom: 1px solid rgba(255,255,255,0.1); /* Тонкая разделительная линия */
}
/* Убираем стрелочки (треугольники) в меню */
.menu-horizontal .dropdown-toggle::after {
    display: none !important;
}

/* Если стрелочка добавлена другим способом, это её тоже скроет */
.menu-horizontal .caret {
    display: none !important;
}
/* Полное удаление стрелочек во всех проявлениях */
.menu-horizontal .dropdown-toggle::after,
.menu-horizontal .dropdown-menu .dropdown-toggle::after,
.menu-horizontal .nav-link::after,
.menu-horizontal .caret,
.menu-horizontal .icon-chevron-down {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
}

/* Убираем лишний отступ справа, который резервировался под стрелочку */
.menu-horizontal .dropdown-toggle {
    padding-right: 15px !important;
}
/* 1. Возвращаем горизонтальный вид */
.menu-horizontal ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Оформляем пункты как кнопки btn-custom */
.menu-horizontal .nav-link, 
.menu-horizontal .btn-custom {
    display: block !important;
    background-color:  #6a8dbd!important; /* цвет самих кнопок */
    color: #6a8dbd !important; /* не знаю что за цвет */
    padding: 10px 5px !important;
    margin: 1px !important;
    border-radius: 1px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* 3. УДАЛЯЕМ СТРЕЛКИ (Любые) */
/* Этот блок находит стрелку по всем возможным именам и "стирает" её */
.menu-horizontal .dropdown-toggle::after,
.menu-horizontal a::after,
.menu-horizontal button::after,
.menu-horizontal .caret {
    display: none !important;
    content: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/* Убираем отступ справа, который браузер оставляет под стрелку */
.menu-horizontal .dropdown-toggle {
    padding-right: 20px !important;
}