<footer>
<div class="footer-container">
<!-- Блок о компании -->
<div class="footer-column">
<h4>О компании</h4>
<ul>
<li><a href="/about">О нас</a></li>
<li><a href="/team">Наша команда</a></li>
<li><a href="/kontakty">Контакты</a></li>
</ul>
</div>

<!-- Услуги -->
<div class="footer-column">
<h4>Услуги</h4>
<ul>
<li><a href="/uslugi/semeynie-spori">Семейные споры</a></li>
<li><a href="/uslugi/nedvizhimost">Недвижимость</a></li>
<li><a href="/uslugi/nasledstvo">Наследственные дела</a></li>
<li><a href="/uslugi/trudovye-spori">Трудовые споры</a></li>
<li><a href="/uslugi/sudebnoe-predstavitelstvo">Судебное представительство</a></li>
</ul>
</div>

<!-- Информация -->
<div class="footer-column">
<h4>Информация</h4>
<ul>
<li><a href="/blog">Блог</a></li>
<li><a href="/faq">Частые вопросы</a></li>
<li><a href="/politika-konfidencialnosti">Политика конфиденциальности</a></li>
<li><a href="/dogovor-oferta">Договор-оферта</a></li>
</ul>
</div>
</div>

<div class="footer-bottom">
<p>© 2025 Juridicci.com | Все права защищены</p>
</div>
</footer>

footer {
background-color: #222;
color: #fff;
padding: 40px 20px;
font-family: Arial, sans-serif;
}

.footer-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1100px;
margin: 0 auto;
}

.footer-column {
flex: 1 1 200px;
margin: 10px;
}

.footer-column h4 {
font-size: 16px;
margin-bottom: 15px;
color: #f5c518; /* акцентный цвет */
}

.footer-column ul {
list-style: none;
padding: 0;
margin: 0;
}

.footer-column li {
margin-bottom: 8px;
}

.footer-column a {
color: #fff;
text-decoration: none;
transition: 0.3s;
}

.footer-column a:hover {
color: #f5c518;
text-decoration: underline;
}

.footer-bottom {
text-align: center;
margin-top: 30px;
font-size: 14px;
border-top: 1px solid #444;
padding-top: 15px;
}

@media (max-width: 768px) {
.footer-container {
flex-direction: column;
align-items: center;
text-align: center;
}

.footer-column {
margin-bottom: 20px;
}

.footer-column h4 {
font-size: 18px;
margin-bottom: 10px;
}

.footer-bottom {
font-size: 13px;
}
}