/* === Расширение основного контейнера меню === */
.sp-megamenu-parent {
    max-width: 1240px; /* Увеличьте ширину контейнера */
    width: 116%; /* Занимать всю ширину */
    margin: 0 auto; /* Центрирование */
}

/* === Центрирование содержимого внутри меню === */
.sp-megamenu-parent .sp-menu-item {
    display: inline-block; /* Сохраняем пункты в строку */
}

/* === Адаптивность для контейнера === */
@media (max-width: 768px) {
    .sp-megamenu-parent {
        max-width: 100%; /* На мобильных устройствах контейнер на всю ширину */
        padding: 0 10px; /* Отступы внутри контейнера */
    }
}


/* Контейнер для списка */
.consultation-point {
    margin: 20px 0;
    padding: 15px;
    background-color: #f9f9f9; /* Светлый фон для выделения */
    border: 1px solid #ddd; /* Легкая рамка */
    border-radius: 8px; /* Закругленные углы */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Тень для объема */
}

/* Заголовок списка */
.consultation-point h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    text-align: left;
}

/* Стили для списка */
.styled-list {
    list-style: none; /* Убираем стандартные маркеры списка */
    padding: 0;
    margin: 0;
}

/* Стили для пунктов списка */
.styled-list li {
    margin-bottom: 10px; /* Отступ между пунктами */
    font-size: 16px; /* Размер текста */
}

/* Стили для ссылок */
.styled-list li a {
    color: #007bff; /* Цвет ссылок */
    text-decoration: none; /* Убираем подчеркивание */
    transition: color 0.3s ease, transform 0.2s ease; /* Эффект при наведении */
}

/* Эффекты при наведении */
.styled-list li a:hover {
    color: #0056b3; /* Более насыщенный цвет */
    text-decoration: underline; /* Подчеркивание при наведении */
    transform: translateX(5px); /* Сдвиг при наведении */
}


/* Общий стиль для блока */
.info-block {
    margin: 20px 0;
    padding: 20px;
    background-color: #f9f9f9; /* Светлый фон */
    border: 1px solid #ddd; /* Легкая рамка */
    border-radius: 8px; /* Закругленные углы */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Тень для объема */
}

/* Заголовок основного блока */
.info-block h2 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    text-align: left;
}

/* Подзаголовок */
.info-block h3 {
    font-size: 20px;
    font-weight: normal;
    color: #666;
    margin-bottom: 15px;
    text-align: left;
}

/* Основной текст */
.info-block p {
    font-size: 16px;
    line-height: 1.8; /* Увеличенная высота строк для читабельности */
    color: #333;
    margin-bottom: 15px;
    text-align: justify;
}

/* Ссылки внутри текста */
.info-block a {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}

.info-block a:hover {
    color: #0056b3;
    text-decoration: underline;
}