
<?php
function country()
{
    if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
        $ip = $_SERVER['HTTP_CLIENT_IP'];
    } elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
        $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
    } else {
        $ip = $_SERVER['REMOTE_ADDR'];
    }

    if (filter_var($ip, FILTER_VALIDATE_IP)) {
        $ipdat = @json_decode(file_get_contents("http://ip-api.com/json/{$ip}"));
        if (!empty($ipdat) && @strlen(trim($ipdat->countryCode)) == 2) {
            return strtolower($ipdat->countryCode);
        }
    }

    return 'en';
}

$country = strtoupper(country());
$utm_source  = $_GET['utm_source']  ?? '';
$utm_creo    = $_GET['utm_creo']    ?? '';
$utm_account = $_GET['utm_account'] ?? '';
?>

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ПП "ЛЕКС ЮНАЙТЕД" | Профессиональные юридические услуги в Европе </title>
    <meta name="description" content="Профессиональные юридические услуги в Европе : гражданское, жилищное право, банкротство, страховой юрист. Защита ваших прав и интересов.">
    <link rel="stylesheet" href="style.css@1790068852.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://unpkg.com/lucide@latest"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    

 <style>
  .cookie,
  .cookie * {
    box-sizing: border-box;
  }

  .cookie {
    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    z-index: 999999999;

    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    width: min(760px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 40px);

    padding: 18px 20px;
    margin: 0;

    overflow-x: hidden;
    overflow-y: auto;

    border: 2px solid #111111;
    border-radius: 18px;

    background: #ffffff;
    color: #111111;
  }

  .cookie__text {
    flex: 1 1 auto;
    min-width: 0;

    margin: 0;

    color: #111111;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;

    overflow-wrap: anywhere;
    word-break: normal;
  }

  .cookie__text > a {
    color: darkblue;
    font-weight: 700;
    text-decoration: none;
    overflow-wrap: anywhere;
  }

  .cookie__text > a:hover {
    text-decoration: underline;
  }

  .cookiebtnblock {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;

    min-width: 0;
  }

  .cookie__btn {
    min-width: 110px;
    min-height: 44px;
    padding: 0 18px;

    border: 2px solid #111111;
    border-radius: 8px;

    background: #111111;
    color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;

    cursor: pointer;
    transition:
      background-color 0.25s ease,
      border-color 0.25s ease,
      color 0.25s ease,
      opacity 0.25s ease;
  }

  .cookie__btn:hover {
    background: #046104;
    border-color: #046104;
    color: #ffffff;
  }

  .cookie__btn:focus-visible {
    outline: 3px solid rgba(16, 42, 92, 0.35);
    outline-offset: 2px;
  }

  .declineBtnn {
    margin: 0;
    background: #ffffff;
    color: #111111;
  }

  .declineBtnn:hover {
    background: #d90000;
    border-color: #d90000;
    color: #ffffff;
  }

  .dndndndn:disabled,
  .cookie__btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }

  /* Планшеты */
  @media screen and (max-width: 820px) {
    .cookie {
      bottom: 16px;
      width: calc(100vw - 28px);
      max-width: calc(100vw - 28px);
      padding: 16px 18px;
      gap: 16px;
    }

    .cookie__text {
      font-size: 13px;
    }

    .cookiebtnblock {
      flex-wrap: wrap;
    }

    .cookie__btn {
      min-width: 100px;
      padding-right: 14px;
      padding-left: 14px;
    }
  }

  /* Телефоны */
  @media screen and (max-width: 600px) {
    .cookie {
      left: 12px;
      right: 12px;
      bottom: max(12px, env(safe-area-inset-bottom));
      transform: none;

      width: auto;
      max-width: none;
      max-height: calc(
        100dvh - 24px - env(safe-area-inset-bottom)
      );

      flex-direction: column;
      align-items: stretch;
      gap: 16px;

      padding: 16px;

      border-radius: 14px;
      box-shadow: 6px 6px 0 #3f3f3f;
    }

    .cookie__text {
      width: 100%;
      font-size: 13px;
      line-height: 1.5;
      text-align: center;
    }

    .cookiebtnblock {
      width: 100%;
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    .cookie__btn {
      width: 100%;
      min-width: 0;
      min-height: 46px;
    }

    .declineBtnn {
      margin: 0;
    }
  }

  /* Очень узкие экраны */
  @media screen and (max-width: 360px) {
    .cookie {
      left: 8px;
      right: 8px;
      padding: 14px;
    }

    .cookie__text {
      font-size: 12px;
    }

    .cookie__btn {
      font-size: 13px;
    }
  }
</style>

<div class="cookie" role="dialog" aria-live="polite" aria-label="Уведомление об использовании файлов cookie">
  <p class="cookie__text">
      Наш сайт использует файлы cookie, чтобы запомнить ваши предпочтения. Подробнее читайте в нашей <a href="cookie-policy.html" target="_blank" rel="noopener">Политике использования файлов cookie</a>
  </p>

  <div class="cookiebtnblock">
    <button class="cookie__btn agreeBtnn" type="button">
      Принять
    </button>

    <button class="cookie__btn declineBtnn" type="button">
      Отклонить
    </button>
  </div>
</div>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const cookieBanner = document.querySelector('.cookie');
    const cookieBtn = document.querySelector('.agreeBtnn');
    const cookieBtnDecline = document.querySelector('.declineBtnn');

    if (!cookieBanner || !cookieBtn || !cookieBtnDecline) {
      return;
    }

    const cookieStatus = localStorage.getItem('cookieBannerStatus');

    if (!cookieStatus) {
      cookieBanner.style.display = 'flex';
    }

    function closeCookieBanner(status) {
      localStorage.setItem('cookieBannerStatus', status);
      cookieBanner.style.display = 'none';
    }

    cookieBtn.addEventListener('click', function () {
      closeCookieBanner('accepted');
    });

    cookieBtnDecline.addEventListener('click', function () {
      closeCookieBanner('declined');
    });
  });
</script>

<style id="custom-form-adapter">
  /* Form structure adapted for the existing bottom scripts */
  .phone-wrap {
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: .5rem;
    transition: border-color .2s ease, box-shadow .2s ease;
  }

  .phone-wrap:focus-within {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, .22);
  }

  .phone-wrap .flagIcon {
    width: 24px !important;
    height: 16px !important;
    flex: 0 0 24px !important;
    object-fit: cover;
    margin: auto 8px auto 14px !important;
    border-radius: 2px;
  }

  .phone-wrap .countrySelect,
  .phone-wrap .phoneInput {
    min-height: 48px;
    margin: 0;
    border: 0 !important;
    outline: 0 !important;
    background: transparent;
    color: #374151;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    box-shadow: none !important;
  }

  .phone-wrap .countrySelect {
    width: 65px;
    flex: 0 0 65px;
    padding: 0 4px 0 0;
    cursor: pointer;
  }

  .phone-wrap .phoneInput {
    min-width: 0;
    flex: 1 1 auto;
    padding: 0 4px;
  }

  /* Existing validation script adds .invalid to .form-item */
  .form-item.invalid > input:not([type="checkbox"]),
  .form-item.invalid > textarea {
    border: 2px solid #ef4444 !important;
    box-shadow: none !important;
  }

  .form-item.invalid .phone-wrap {
    border: 2px solid #ef4444 !important;
    box-shadow: none !important;
  }

  @media (max-width: 1480px) {
    .phone-wrap .countrySelect {
   
      font-size: 14px;
    }
    .phone-wrap .phoneInput {
      font-size: 15px;
      padding-left: 8px;
    }
    .phone-wrap .flagIcon {
      margin-left: 10px !important;
      margin-right: 6px !important;
    }
  }
</style>

</head>
<body class="font-sans bg-gray-50 text-gray-800">
    <!-- Навигация -->
    <header class="sticky top-0 z-50 bg-white shadow-sm">
        <nav class="container mx-auto px-4 py-4">
            <div class="flex justify-between items-center">
                <div class="flex items-center space-x-2">
                    <div class="w-10 h-10 bg-blue-800 rounded-lg flex items-center justify-center">
                        <i data-lucide="scale" class="text-white"></i>
                    </div>
                    <div>
                        <h1 class="text-xl font-bold text-blue-900">ПП "ЛЕКС ЮНАЙТЕД"</h1>
                        <p class="text-xs text-gray-500">Профессиональные юридические услуги</p>
                    </div>
                </div>
                
                <!-- Мобильное меню -->
                <div class="xl:hidden">
                    <button id="mobile-menu-button" class="text-gray-700">
                        <i data-lucide="menu" class="w-6 h-6"></i>
                    </button>
                </div>
                
                <!-- Десктоп меню -->
                <div class="hidden xl:flex space-x-8">
                    <a href="index.php#hero" class="text-blue-800 font-medium hover:text-blue-600 transition">Главная</a>
                    <a href="index.php#services" class="text-gray-700 hover:text-blue-600 transition">Услуги</a>
                    <a href="index.php#reviews" class="text-gray-700 hover:text-blue-600 transition">Отзывы</a>
                    <a href="index.php#about" class="text-gray-700 hover:text-blue-600 transition">О компании</a>
                    <a href="index.php#cases" class="text-gray-700 hover:text-blue-600 transition">Кейсы</a>
                    <a href="index.php#contact" class="text-gray-700 hover:text-blue-600 transition">Контакты</a>
                </div>
                
                <div class="hidden xl:block">
                    <a href="index.php#contact-form" class="bg-blue-700 text-white px-5 py-2.5 rounded-lg font-medium hover:bg-blue-800 transition shadow-md">
                        Бесплатная консультация
                    </a>
                </div>
            </div>
            
            <!-- Мобильное меню (скрытое) -->
            <div id="mobile-menu" class="hidden xl:hidden mt-4 pb-4 border-t pt-4">
                <div class="flex flex-col space-y-4">
                    <a href="index.php#hero" class="text-blue-800 font-medium">Главная</a>
                    <a href="index.php#services" class="text-gray-700">Услуги</a>
                    <a href="index.php#reviews" class="text-gray-700">Отзывы</a>
                    <a href="index.php#about" class="text-gray-700">О компании</a>
                    <a href="index.php#cases" class="text-gray-700">Кейсы</a>
                    <a href="index.php#contact" class="text-gray-700">Контакты</a>
                    <a href="index.php#contact-form" class="bg-blue-700 text-white px-5 py-2.5 rounded-lg font-medium text-center">
                        Бесплатная консультация
                    </a>
                </div>
            </div>
        </nav>
    </header>

    <!-- Герой-блок -->
    <section id="hero" class="relative bg-gradient-to-r from-blue-900 to-blue-700 text-white py-16 md:py-24 overflow-hidden">
        <div class="container mx-auto px-4 relative z-10">
            <div class="flex flex-col lg:flex-row items-center">
                <div class="lg:w-1/2 mb-12 lg:mb-0">
                    <h2 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">Ваш надежный юридический партнер</h2>
                    <p class="text-xl mb-8 text-blue-100">Профессиональная защита прав и интересов. Опытные юристы с практикой более 6 лет.</p>
                    <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-6">
                        <a href="index.php#contact-form" class="bg-white text-blue-800 px-8 py-4 rounded-lg font-bold text-lg hover:bg-gray-100 transition duration-300 shadow-lg text-center">
                            Получить консультацию
                        </a>
                        <a href="index.php#services" class="border-2 border-white text-white px-8 py-4 rounded-lg font-bold text-lg hover:bg-white hover:text-blue-800 transition duration-300 text-center">
                            Наши услуги
                        </a>
                    </div>
                </div>
                <div class="lg:w-1/2 flex justify-center">
                    <div class="relative">
                        <div class="w-64 h-64 md:w-80 md:h-80 bg-blue-500 rounded-full overflow-hidden shadow-2xl">
                            <img src="img/foto2.jpg" alt="Юрист консультирует клиента" class="w-full h-full object-cover">
                        </div>
                        <div class="absolute -bottom-6 bg-white text-gray-800 p-3 rounded-xl shadow-2xl">
                            <div class="flex items-center mb-2">
                                <div class="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center mr-3">
                                    <i data-lucide="award" class="text-green-600 w-5 h-5"></i>
                                </div>
                                <h3 class="font-bold text-lg">Более 500 выигранных дел</h3>
                            </div>
                            <p class="text-gray-600">Успешный опыт работы с 2019 года</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="absolute top-0 right-0 w-64 h-64 bg-blue-600 rounded-full -mr-32 -mt-32 opacity-20"></div>
        <div class="absolute bottom-0 left-0 w-96 h-96 bg-blue-800 rounded-full -ml-48 -mb-48 opacity-10"></div>
    </section>

    <!-- Услуги -->
    <section id="services" class="py-16 md:py-20 bg-white">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Наши юридические услуги</h2>
                <p class="text-gray-600 text-lg max-w-3xl mx-auto">Мы предоставляем полный спектр юридических услуг для физических и юридических лиц по всем отраслям права</p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
                <!-- Гражданское право -->
                <div class="bg-gray-50 rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow duration-300 border border-gray-100">
                    <div class="w-14 h-14 bg-orange-100 rounded-xl flex items-center justify-center mb-6">
                        <i data-lucide="shield-alert" class="text-orange-700 w-7 h-7"></i>
                    </div>

                    <h3 class="text-xl font-bold text-gray-900 mb-4">
                        Финансовые споры и интернет-мошенничество
                    </h3>

                    <ul class="space-y-3 mb-6 text-gray-600">

                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Ситуации с брокерами и инвестиционными платформами</span>
                        </li>

                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Помощь при блокировке вывода средств</span>
                        </li>

                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Проверка лжеюристов и сомнительных компаний</span>
                        </li>


                    </ul>

                    <a href="index.php#contact-form" class="text-blue-700 font-medium hover:text-blue-900 flex items-center">
                        Подробнее <i data-lucide="arrow-right" class="w-4 h-4 ml-2"></i>
                    </a>
                </div>
                
                <!-- Жилищное право -->
                <div class="bg-gray-50 rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow duration-300 border border-gray-100">
                    <div class="w-14 h-14 bg-green-100 rounded-xl flex items-center justify-center mb-6">
                        <i data-lucide="home" class="text-green-700 w-7 h-7"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-4">Жилищное право</h3>
                    <ul class="space-y-3 mb-6 text-gray-600">
                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Споры с управляющими компаниями</span>
                        </li>
                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Признание права собственности</span>
                        </li>
                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Выселение и вселение</span>
                        </li>
                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Раздел жилого помещения</span>
                        </li>
                    </ul>
                    <a href="index.php#contact-form" class="text-blue-700 font-medium hover:text-blue-900 flex items-center">
                        Подробнее <i data-lucide="arrow-right" class="w-4 h-4 ml-2"></i>
                    </a>
                </div>
                
                <!-- Банкротство -->
                <div class="bg-gray-50 rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow duration-300 border border-gray-100">
                    <div class="w-14 h-14 bg-red-100 rounded-xl flex items-center justify-center mb-6">
                        <i data-lucide="trending-down" class="text-red-700 w-7 h-7"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-4">Банкротство</h3>
                    <ul class="space-y-3 mb-6 text-gray-600">
                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Банкротство физических лиц</span>
                        </li>
                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Банкротство юридических лиц</span>
                        </li>
                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Списание долгов через МФЦ</span>
                        </li>
                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Защита от кредиторов</span>
                        </li>
                    </ul>
                    <a href="index.php#contact-form" class="text-blue-700 font-medium hover:text-blue-900 flex items-center">
                        Подробнее <i data-lucide="arrow-right" class="w-4 h-4 ml-2"></i>
                    </a>
                </div>
                
                <!-- Военный юрист -->
                <div class="bg-gray-50 rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow duration-300 border border-gray-100">
                    <div class="w-14 h-14 bg-yellow-100 rounded-xl flex items-center justify-center mb-6">
                        <i data-lucide="shield" class="text-yellow-700 w-7 h-7"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-4">Страховой юрист</h3>
                    <ul class="space-y-3 mb-6 text-gray-600">
                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Страховые случаи</span>
                        </li>
                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Обжалование страховых выплат</span>
                        </li>
                        <li class="flex items-start">
                            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
                            <span>Получение выплат по здоровью</span>
                        </li>
                    </ul>
                    <a href="index.php#contact-form" class="text-blue-700 font-medium hover:text-blue-900 flex items-center">
                        Подробнее <i data-lucide="arrow-right" class="w-4 h-4 ml-2"></i>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Отзывы -->
    <section id="reviews" class="py-16 md:py-20 bg-gradient-to-b from-gray-50 to-white">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Отзывы наших клиентов</h2>
                <p class="text-gray-600 text-lg max-w-3xl mx-auto">Более 95% клиентов рекомендуют нас своим друзьям и коллегам</p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <!-- Отзыв 1 -->
                <div class="bg-white rounded-xl p-6 shadow-lg border border-gray-100">
                    <div class="flex items-center mb-6">
                        <div class="w-16 h-16 rounded-full overflow-hidden mr-4">
                            <img src="http://static.photos/people/200x200/101" alt="Анна Сергеевна" class="w-full h-full object-cover">
                        </div>
                        <div>
                            <h4 class="font-bold text-lg">Анна Сергеевна</h4>
                            <p class="text-gray-500">Мошенничество</p>
                            <div class="flex text-yellow-400 mt-1">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                        </div>
                    </div>
                    <p class="text-gray-700 italic mb-4">"Юристы компании помогли вернуть деньги от брокерской компании, ну как брокерской, одно название только. Вложила деньги, что-то там зарабатывала типо и потом чтоьбы вывести надо ещё платить было. Профессионализм, внимание к деталям и человеческое отношение вот что меня впечатлило больше всего!"</p>
                    <div class="flex justify-between items-center text-sm text-gray-500">
                        <span>12 марта 2026</span>
                        <span class="flex items-center">
                            <i data-lucide="thumbs-up" class="w-4 h-4 mr-1"></i> 24
                        </span>
                    </div>
                </div>
                
                <!-- Отзыв 2 -->
                <div class="bg-white rounded-xl p-6 shadow-lg border border-gray-100">
                    <div class="flex items-center mb-6">
                        <div class="w-16 h-16 rounded-full overflow-hidden mr-4">
                            <img src="http://static.photos/people/200x200/102" alt="Дмитрий Иванов" class="w-full h-full object-cover">
                        </div>
                        <div>
                            <h4 class="font-bold text-lg">Дмитрий Иванов</h4>
                            <p class="text-gray-500">Банкротство</p>
                            <div class="flex text-yellow-400 mt-1">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                        </div>
                    </div>
                    <p class="text-gray-700 italic mb-4">"Когда мой бизнес оказался на грани краха, юристы помогли пройти процедуру банкротства с минимальными потерями. Спасибо за грамотные консультации и поддержку на каждом этапе!"</p>
                    <div class="flex justify-between items-center text-sm text-gray-500">
                        <span>5 февраля 2024</span>
                        <span class="flex items-center">
                            <i data-lucide="thumbs-up" class="w-4 h-4 mr-1"></i> 18
                        </span>
                    </div>
                </div>
                
                <!-- Отзыв 3 -->
                <div class="bg-white rounded-xl p-6 shadow-lg border border-gray-100">
                    <div class="flex items-center mb-6">
                        <div class="w-16 h-16 rounded-full overflow-hidden mr-4">
                            <img src="http://static.photos/people/200x200/103" alt="Ольга Петрова" class="w-full h-full object-cover">
                        </div>
                        <div>
                            <h4 class="font-bold text-lg">Ольга Петрова</h4>
                            <p class="text-gray-500">Жилищный вопрос</p>
                            <div class="flex text-yellow-400 mt-1">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                        </div>
                    </div>
                    <p class="text-gray-700 italic mb-4">"Решала сложный жилищный вопрос с управляющей компанией. Юристы не только помогли выиграть суд, но и добились компенсации. Очень благодарна за оперативность и результативность!"</p>
                    <div class="flex justify-between items-center text-sm text-gray-500">
                        <span>20 января 2023</span>
                        <span class="flex items-center">
                            <i data-lucide="thumbs-up" class="w-4 h-4 mr-1"></i> 31
                        </span>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-12">
                <a href="index.php#reviews" class="text-blue-700 font-medium hover:text-blue-900 flex items-center justify-center">
                    <i data-lucide="chevron-down" class="w-5 h-5 ml-2"></i>
                </a>
            </div>
        </div>
    </section>

    <!-- Call To Action -->
    <section id="cta" class="py-16 md:py-24 bg-gradient-to-r from-blue-800 to-blue-600 text-white">
        <div class="container mx-auto px-4">
            <div class="max-w-4xl mx-auto text-center">
                <h2 class="text-3xl md:text-4xl font-bold mb-6">Нужна срочная юридическая помощь?</h2>
                <p class="text-xl mb-10 text-blue-100">Оставьте заявку на бесплатную первичную консультацию. Наши юристы свяжутся с вами в течение 30 минут в рабочее время.</p>
                
                <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
                    <a href="index.php#contact-form" class="bg-white text-blue-800 px-8 py-4 rounded-lg font-bold text-lg hover:bg-gray-100 transition duration-300 shadow-lg flex items-center justify-center">
                        <i data-lucide="phone" class="w-5 h-5 mr-3"></i>
                        Получить консультацию
                    </a>
                    <a href="tel:+380968838931" class="border-2 border-white text-white px-8 py-4 rounded-lg font-bold text-lg hover:bg-white hover:text-blue-800 transition duration-300 flex items-center justify-center">
                        <i data-lucide="phone-call" class="w-5 h-5 mr-3"></i>
                        Позвонить сейчас
                    </a>
                </div>
                
                <p class="mt-8 text-blue-200">Конфиденциальность гарантирована. Ваши данные не передаются третьим лицам.</p>
            </div>
        </div>
    </section>

    <!-- О компании -->
    <section id="about" class="py-16 md:py-20 bg-white">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">О нашей компании</h2>
                <p class="text-gray-600 text-lg max-w-3xl mx-auto">Более 6 лет успешной работы на юридическом рынке Европы</p>
            </div>
            
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-12">
                <div class="lg:col-span-2">
                    <div class="mb-10">
                        <h3 class="text-2xl font-bold text-gray-900 mb-6">Наша миссия</h3>
                        <p class="text-gray-700 mb-4">Мы стремимся сделать юридическую помощь доступной, понятной и эффективной для каждого клиента. Наша команда состоит из опытных специалистов с практическим опытом работы в различных отраслях права.</p>
                        <p class="text-gray-700">Мы не просто оказываем юридические услуги, а становимся надежными партнерами для наших клиентов, сопровождая их на всех этапах решения правовых вопросов.</p>
                    </div>
                    
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                        <div class="bg-blue-50 rounded-xl p-6 text-center">
                            <div class="text-4xl font-bold text-blue-800 mb-2">6+</div>
                            <div class="text-gray-700 font-medium">Лет опыта</div>
                        </div>
                        <div class="bg-green-50 rounded-xl p-6 text-center">
                            <div class="text-4xl font-bold text-green-800 mb-2">200+</div>
                            <div class="text-gray-700 font-medium">Выигранных дел</div>
                        </div>
                        <div class="bg-yellow-50 rounded-xl p-6 text-center">
                            <div class="text-4xl font-bold text-yellow-800 mb-2">95%</div>
                            <div class="text-gray-700 font-medium">Довольных клиентов</div>
                        </div>
                    </div>
                </div>
                
                <div class="bg-gray-50 rounded-xl p-8 shadow-lg">
                    <h3 class="text-2xl font-bold text-gray-900 mb-6">Наши принципы</h3>
                    <ul class="space-y-5">
                        <li class="flex items-start">
                            <div class="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
                                <i data-lucide="target" class="text-blue-700 w-5 h-5"></i>
                            </div>
                            <div>
                                <h4 class="font-bold text-gray-900 mb-1">Нацеленность на результат</h4>
                                <p class="text-gray-600">Мы работаем до достижения положительного результата для клиента.</p>
                            </div>
                        </li>
                        <li class="flex items-start">
                            <div class="w-10 h-10 bg-green-100 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
                                <i data-lucide="shield" class="text-green-700 w-5 h-5"></i>
                            </div>
                            <div>
                                <h4 class="font-bold text-gray-900 mb-1">Конфиденциальность</h4>
                                <p class="text-gray-600">Все детали вашего дела остаются строго между нами.</p>
                            </div>
                        </li>
                        <li class="flex items-start">
                            <div class="w-10 h-10 bg-purple-100 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
                                <i data-lucide="clock" class="text-purple-700 w-5 h-5"></i>
                            </div>
                            <div>
                                <h4 class="font-bold text-gray-900 mb-1">Оперативность</h4>
                                <p class="text-gray-600">Мы ценим ваше время и действуем максимально быстро.</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Кейсы и успешные дела -->
    <section id="cases" class="py-16 md:py-20 bg-gray-50">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Реальные кейсы наших клиентов</h2>
                <p class="text-gray-600 text-lg max-w-3xl mx-auto">Истории успеха, подкрепленные конкретными решениями</p>
            </div>
            
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
                <!-- Кейс 1: Военный юрист -->




                <div class="bg-white rounded-2xl shadow-xl overflow-hidden border border-gray-100 hover:shadow-2xl transition-shadow duration-300">
                    <div class="bg-gradient-to-r from-yellow-500 to-orange-500 p-6 text-white">
                        <div class="flex items-center justify-between mb-4">
                            <div class="w-12 h-12 bg-white/20 rounded-xl flex items-center justify-center backdrop-blur-sm">
                                <i data-lucide="shield-alert" class="w-6 h-6"></i>
                            </div>

                            <span class="bg-white/20 px-3 py-1 rounded-full text-sm font-medium backdrop-blur-sm">
                                Интернет-мошенничество
                            </span>
                        </div>

                        <h3 class="text-xl font-bold">
                            Обман на инвестиционной платформе
                        </h3>
                    </div>

                    <div class="p-6">
                        <div class="mb-4">
                            <h4 class="text-sm font-bold text-gray-400 uppercase tracking-wider mb-2">
                                Ситуация
                            </h4>

                            <p class="text-gray-700">
                                Клиент искал дополнительный доход и зарегистрировался на платформе, 
                                которая представлялась международной инвестиционной компанией. 
                                После нескольких переводов начали требовать новые пополнения для 
                                «разблокировки вывода», оплаты комиссий и услуг так называемых 
                                «финансовых специалистов». В дальнейшем доступ к аккаунту был ограничен.
                            </p>
                        </div>

                        <div class="mb-4">
                            <h4 class="text-sm font-bold text-gray-400 uppercase tracking-wider mb-2">
                                Наше решение
                            </h4>

                            <p class="text-gray-700">
                                Провели анализ переводов и переписки, подготовили обращения в банк 
                                и необходимые юридические документы, сопроводили клиента при подаче 
                                заявлений и помогли выстроить стратегию взаимодействия с финансовыми 
                                организациями и компетентными органами.
                            </p>
                        </div>

                        <div class="bg-green-50 rounded-xl p-4 mb-4 border-l-4 border-green-500">
                            <h4 class="text-sm font-bold text-green-800 uppercase tracking-wider mb-1">
                                Результат
                            </h4>

                            <hr class="my-2 border-green-200">

                            <p class="text-green-700 font-bold text-lg leading-relaxed">
                                Клиенту удалось вернуть основную часть утраченных средств, 
                                добиться дополнительной компенсации понесённых убытков и 
                                получить официальное подтверждение по спорным операциям.
                            </p>
                        </div>
                    </div>
                </div>



                
                <!-- Кейс 2: Банкротство -->
                <div class="bg-white rounded-2xl shadow-xl overflow-hidden border border-gray-100 hover:shadow-2xl transition-shadow duration-300">
                    <div class="bg-gradient-to-r from-red-500 to-rose-600 p-6 text-white">
                        <div class="flex items-center justify-between mb-4">
                            <div class="w-12 h-12 bg-white/20 rounded-xl flex items-center justify-center backdrop-blur-sm">
                                <i data-lucide="trending-down" class="w-6 h-6"></i>
                            </div>
                            <span class="bg-white/20 px-3 py-1 rounded-full text-sm font-medium backdrop-blur-sm">Банкротство</span>
                        </div>
                        <h3 class="text-xl font-bold">Списание долгов на 300 тыс евро</h3>
                    </div>
                    <div class="p-6">
                        <div class="mb-4">
                            <h4 class="text-sm font-bold text-gray-400 uppercase tracking-wider mb-2">Ситуация</h4>
                            <p class="text-gray-700">Клиент накопил долги по кредитам на сумму 300 тыс евро после потери работы. Ему угрожали, арестовали счета, описывали имущество. Судебные приставы начали процедуру принудительного взыскания.</p>
                        </div>
                        
                        <div class="mb-4">
                            <h4 class="text-sm font-bold text-gray-400 uppercase tracking-wider mb-2">Наше решение</h4>
                            <p class="text-gray-700">Подготовили заявление о признании гражданина банкротом, оспорили сделки с предпочтением отдельным кредиторам. Доказали отсутствие признаков преднамеренного банкротства.</p>
                        </div>
                        
                        <div class="bg-green-50 rounded-xl p-4 mb-4 border-l-4 border-green-500">
                            <h4 class="text-sm font-bold text-green-800 uppercase tracking-wider mb-1">Результат</h4>
                            <hr>
                            <p class="text-green-700 font-bold text-lg">Долги списаны полностью. Финансовое управление завершено.</p>
                        </div>
                        

                    </div>
                </div>
                
                <!-- Кейс 3: Защита прав потребителей -->
                <div class="bg-white rounded-2xl shadow-xl overflow-hidden border border-gray-100 hover:shadow-2xl transition-shadow duration-300">
                    <div class="bg-gradient-to-r from-blue-500 to-indigo-600 p-6 text-white">
                        <div class="flex items-center justify-between mb-4">
                            <div class="w-12 h-12 bg-white/20 rounded-xl flex items-center justify-center backdrop-blur-sm">
                                <i data-lucide="shopping-cart" class="w-6 h-6"></i>
                            </div>
                            <span class="bg-white/20 px-3 py-1 rounded-full text-sm font-medium backdrop-blur-sm">Защита прав потребителей</span>
                        </div>
                        <h3 class="text-xl font-bold">Взыскание за товар из интернет-магазина</h3>
                    </div>
                    <div class="p-6">
                        <div class="mb-4">
                            <h4 class="text-sm font-bold text-gray-400 uppercase tracking-wider mb-2">Ситуация</h4>
                            <p class="text-gray-700">Клиент заказал в интернет-магазине iPhone за 1200 евро, но получил подделку (китайскую реплику). Магазин отказывался возвращать деньги, ссылаясь на "техническую ошибку на сайте" и отсутствие товара надлежащего качества.</p>
                        </div>
                        
                        <div class="mb-4">
                            <h4 class="text-sm font-bold text-gray-400 uppercase tracking-wider mb-2">Наше решение</h4>
                            <p class="text-gray-700">Доказали факт дистанционной продажи, составили претензию с требованием компенсировать платеж + неустойку 1% за каждый день просрочки + моральный вред. При отказе подали иск в суд.</p>
                        </div>
                        
                        <div class="bg-green-50 rounded-xl p-4 mb-4 border-l-4 border-green-500">
                            <h4 class="text-sm font-bold text-green-800 uppercase tracking-wider mb-1">Результат</h4>
                            <hr>
                            <p class="text-green-700 font-bold text-lg">Взыскано: 1200 евро + 500 евро неустойки + 300 евро моральный вред</p>
                        </div>
                        

                    </div>
                </div>
            </div>
            
            <div class="mt-12 text-center">
                <p class="text-gray-500 text-sm mb-4">*Все данные клиентов изменены для сохранения конфиденциальности. Результаты зависят от конкретных обстоятельств дела.</p>
                <a href="index.php#contact-form" class="inline-flex items-center bg-blue-700 text-white px-8 py-3 rounded-lg font-bold hover:bg-blue-800 transition shadow-lg">
                    Получить консультацию по вашему случаю
                    <i data-lucide="arrow-right" class="w-5 h-5 ml-2"></i>
                </a>
            </div>
        </div>
    </section>

    <!-- Контактная форма и информация -->
    <section id="contact" class="py-16 md:py-20 bg-gradient-to-b from-white to-gray-50">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Свяжитесь с нами</h2>
                <p class="text-gray-600 text-lg max-w-3xl mx-auto">Оставьте заявку, и наш специалист свяжется с вами для консультации</p>
            </div>
            
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
                <!-- Форма -->
                <div id="contact-form" class="bg-white rounded-2xl p-8 shadow-xl">
                    <h3 class="text-2xl font-bold text-gray-900 mb-6">Запись на консультацию</h3>
                    <form id="consultation-form" class="space-y-6 form-wrap" novalidate>
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div class="form-item">
                                <label for="name" class="block text-gray-700 font-medium mb-2">Ваше имя *</label>
                                <input type="text" id="name" name="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition" autocomplete="name">
                            </div>
                            <div class="form-item">
                                <label for="phone" class="block text-gray-700 font-medium mb-2">Телефон *</label>
                                <div class="phone-wrap phone-field">
                                    <img class="flagIcon" alt="">
                                    <select class="countrySelect" aria-label="Страна"></select>
                                    <input type="tel" id="phone" class="phoneInput" name="phone" autocomplete="tel" inputmode="tel">
                                </div>
                            </div>
                        </div>

                        <div class="form-item">
                            <label for="email" class="block text-gray-700 font-medium mb-2">Email *</label>
                            <input type="email" id="email" name="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition" autocomplete="email">
                        </div>

                        <div class="form-item">
                            <label for="message" class="block text-gray-700 font-medium mb-2">Опишите вашу ситуацию</label>
                            <textarea id="message" name="message" rows="4" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition"></textarea>
                        </div>

                        <div class="form-item flex items-center">
                            <input type="checkbox" id="privacy" class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500">
                            <label for="privacy" class="ml-3 text-gray-700">
                                Я согласен с <a href="privacy.html" class="text-blue-700 hover:text-blue-900">политикой конфиденциальности</a> *
                            </label>
                        </div>

                        <button type="submit" class="w-full bg-blue-700 text-white py-4 rounded-lg font-bold text-lg hover:bg-blue-800 transition duration-300 shadow-md">
                            Получить бесплатную консультацию
                        </button>

                        <p class="text-center text-gray-600 text-sm">Нажимая кнопку, вы даете согласие на обработку персональных данных</p>
                    </form>
                </div>
                
                <!-- Цитата от руководителя -->
                <div class="bg-white rounded-2xl p-8 shadow-xl border border-gray-100 relative overflow-hidden">
                    <!-- Декоративный элемент -->
                    <div class="absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-blue-50 to-transparent rounded-bl-full opacity-50"></div>
                    <div class="absolute bottom-0 left-0 w-24 h-24 bg-gradient-to-tr from-blue-50 to-transparent rounded-tr-full opacity-50"></div>
                    
                    <!-- Иконка кавычек -->
                    <div class="relative z-10 mb-6">
                        <i data-lucide="quote" class="w-12 h-12 text-blue-200"></i>
                    </div>
                    
                    <!-- Фото и имя -->
                    <div class="flex items-center mb-6 relative z-10">
                        <div class="w-20 h-20 rounded-full overflow-hidden border-4 border-blue-100 shadow-lg mr-4 flex-shrink-0">
                            <img src="img/foto5.jpg" alt="Петров Алексей Иванович" class="w-full h-full object-cover">
                        </div>
                        <div>
                            <h3 class="text-xl font-bold text-gray-900">Воробьева Мария Александровна</h3>
                            <p class="text-blue-700 font-medium">Руководитель и главный юрист</p>
                        </div>
                    </div>
                    
                    <!-- Цитата -->
                    <blockquote class="relative z-10 mb-6">
                        <p class="text-gray-700 text-lg italic leading-relaxed mb-4">
                            "Уважаемые клиенты! Когда я основывала эту компанию в 2019 году, я клялась, что каждый обратившийся получит не просто юридическую консультацию, а искреннюю заботу о своей проблеме. Мы не обещаем волшебных решений, но гарантируем полную отдачу и честность."
                        </p>
                        <p class="text-gray-600 leading-relaxed">
                            Ваша проблема — это наша личная задача. Мы понимаем, как важно для вас найти правильное решение, и именно поэтому работаем 24/7, чтобы ни один вопрос не остался без внимания. Доверьте нам свои юридические трудности — и мы превратим их в вашу победу.
                        </p>
                    </blockquote>
                    
                    <!-- Пожелания -->
                    <div class="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-xl p-4 border-l-4 border-blue-600 relative z-10">
                        <p class="text-gray-800 font-medium text-sm">
                            <i data-lucide="heart" class="w-4 h-4 inline-block text-red-500 mr-2"></i>
                            С теплом и уважением отношусь к каждому клиенту
                        </p>
                    </div>
                    
                    <!-- Контакт для срочной связи -->
                    <div class="mt-6 pt-6 border-t border-gray-100 relative z-10">
                        <p class="text-sm text-gray-500 mb-2">Срочные вопросы — звоните лично!</p>
                        <div style="display:flex" class="block-contacts-max">


                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>



    <!-- Футер -->
        <footer class="bg-gray-900 text-white py-12">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8">
                <div class="lg:col-span-2">
                    <div class="flex items-center space-x-2 mb-6">
                        <div class="w-10 h-10 bg-blue-800 rounded-lg flex items-center justify-center">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="scale" aria-hidden="true" class="lucide lucide-scale text-white"><path d="M12 3v18"></path><path d="m19 8 3 8a5 5 0 0 1-6 0zV7"></path><path d="M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1"></path><path d="m5 8 3 8a5 5 0 0 1-6 0zV7"></path><path d="M7 21h10"></path></svg>
                        </div>
  
                        <div>
                            <h2 class="text-2xl font-bold">ПП "ЛЕКС ЮНАЙТЕД"</h2>
                            <p class="text-gray-400 text-sm mt-1">Профессиональные юридические услуги с 2019 года</p>
                        </div>
                    </div>
                    <p class="text-gray-400 mb-6">Мы предоставляем большой спектр юридических услуг для физических и юридических лиц по многим отраслям права. Защищаем ваши права и интересы.</p>
                    <!--
                    <div class="flex space-x-4">
                        <a href="#" class="w-10 h-10 bg-blue-800 hover:bg-blue-700 rounded-full flex items-center justify-center transition">
                            <img src="/img/wa.png" alt="" srcset="">
                        </a>
                        <a href="#" class="w-10 h-10 bg-blue-800 hover:bg-blue-700 rounded-full flex items-center justify-center transition">
                            <img src="/img/max.png" alt="" srcset="">
                        </a>
                    </div>

                    -->
                </div>

                <div>

                </div>
                
                <div>
                    <h3 class="text-lg font-bold mb-6 pb-2 border-b border-gray-800">Услуги</h3>
                    <ul class="space-y-3 text-gray-400">
                        <li class="pb-2 border-b border-gray-800 border-opacity-50">
                            <a href="services/vozvrat-deneg-ot-brokera.php" class="hover:text-white transition flex items-center">
                                <i data-lucide="chevron-right" class="w-4 h-4 mr-2"></i>
                                Уголовное право
                            </a>
                        </li>
                        <li class="pb-2 border-b border-gray-800 border-opacity-50">
                            <a href="services/vozvrat-deneg-ot-brokera.php" class="hover:text-white transition flex items-center">
                                <i data-lucide="chevron-right" class="w-4 h-4 mr-2"></i>
                                Жилищное право
                            </a>
                        </li>
                        <li class="pb-2 border-b border-gray-800 border-opacity-50">
                            <a href="services/vozvrat-deneg-ot-brokera.php" class="hover:text-white transition flex items-center">
                                <i data-lucide="chevron-right" class="w-4 h-4 mr-2"></i>
                                Банкротство
                            </a>
                        </li>
                        <li>
                            <a href="services/vozvrat-deneg-ot-brokera.php" class="hover:text-white transition flex items-center">
                                <i data-lucide="chevron-right" class="w-4 h-4 mr-2"></i>
                                Страховой юрист
                            </a>
                        </li>
                        <li>
                            <a href="services/vozvrat-deneg-ot-brokera.php" class="hover:text-white transition flex items-center">
                                <i data-lucide="chevron-right" class="w-4 h-4 mr-2"></i>
                                Юрист по мошенничеству
                            </a>
                        </li>
                    </ul>
                </div>
                
                <div>
                    <h3 class="text-lg font-bold mb-6 pb-2 border-b border-gray-800">Контакты</h3>
                    <ul class="space-y-4 text-gray-400">
                        <li class="flex items-start group">
                            <div class="contact-icon w-8 h-8 rounded-lg flex items-center justify-center mr-3 flex-shrink-0">
                                <i data-lucide="map-pin" class="w-4 h-4 text-white"></i>
                            </div>
                            <div>
                                <h4 class="font-medium text-gray-300 text-xs uppercase tracking-wider mb-1">Адрес офиса</h4>
                                <p class="text-sm text-gray-400 group-hover:text-gray-300 transition">Minotavrou 1, Thessaloniki 546 27, Греция</p>
                            </div>
                        </li>
                        
                        <li class="flex items-start group">
                            <div class="contact-icon w-8 h-8 rounded-lg flex items-center justify-center mr-3 flex-shrink-0">
                                <i data-lucide="mail" class="w-4 h-4 text-white"></i>
                            </div>
                            <div>
                                <h4 class="font-medium text-gray-300 text-xs uppercase tracking-wider mb-1">Email</h4>
                                <p class="text-sm text-gray-400 group-hover:text-gray-300 transition"><a href="mailto:info@unlexfirm.info" >info@unlexfirm.info</a></p>
                            </div>
                        </li>
                        <li class="flex items-start group">
                            <div class="contact-icon w-8 h-8 rounded-lg flex items-center justify-center mr-3 flex-shrink-0">
                                <i data-lucide="file" class="w-4 h-4 text-white"></i>
                            </div>
                            <div>
                                <h4 class="font-medium text-gray-300 text-xs uppercase tracking-wider mb-1">Код</h4>
                                <p class="text-sm text-gray-400 group-hover:text-gray-300 transition">33942599</p>
                            </div>
                        </li>
                    </ul>
                </div>
                

            </div>
            
            <div class="border-t border-gray-800 mt-10 pt-8">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 items-center">
                    <div class="license-info text-gray-400">
                        <p class="mb-2"><i class="fas fa-clock mr-2 text-blue-400"></i><strong class="text-gray-300">Часы работы:</strong> Пн-Пт: 9:00 - 20:00, Сб: 10:00 - 18:00, Вс: выходной</p>
                        <p class="text-xs"><i class="fas fa-certificate mr-2 text-blue-400"></i>Юридическое лицо зарегистрировано на осуществление юридической деятельности от 27 июня 2019 г.</p>
                    </div>
                    <div class="text-gray-500 text-sm md:text-right">
                        <p class="text-gray-400">&copy; 2019-2026 <span class="text-gray-300 font-semibold">ПП "ЛЕКС ЮНАЙТЕД"</span>. Все права защищены.</p>
                        <p class="mt-2 text-xs">Информация на сайте не является публичной офертой.</p>
                        <div class="mt-4 flex md:justify-end space-x-4">
                            <a href="privacy.html" class="text-gray-500 hover:text-blue-400 text-xs transition">Политика конфиденциальности</a>
                            <span class="text-gray-700">|</span>
                            <a href="terms.html" class="text-gray-500 hover:text-blue-400 text-xs transition">Пользовательское соглашение</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Кнопка "Наверх" -->
    <button id="back-to-top" class="fixed bottom-8 right-8 w-12 h-12 bg-blue-700 text-white rounded-full shadow-lg hover:bg-blue-800 transition duration-300 hidden">
        <i data-lucide="arrow-up" class="w-6 h-6 mx-auto"></i>
    </button>

    <script src="script.js@1790068852"></script>
      <script>
        document.addEventListener("DOMContentLoaded", () => {

            const countries = [
               
                { code: "LI", name: "Liechtenstein", dial: "+423", flag: "🇱🇮" },
                { code: "ME", name: "Montenegro", dial: "+382", flag: "🇲🇪" },
                { code: "IS", name: "Iceland", dial: "+354", flag: "🇮🇸" },
                { code: "AD", name: "Andorra", dial: "+376", flag: "🇦🇩" },
                { code: "AT", name: "Austria", dial: "+43", flag: "🇦🇹" },
                { code: "BE", name: "Belgium", dial: "+32", flag: "🇧🇪" },
                { code: "BY", name: "Belarus", dial: "+375", flag: "🇧🇾" },
                { code: "BA", name: "Bosnia and Herzegovina", dial: "+387", flag: "🇧🇦" },
                { code: "BG", name: "Bulgaria", dial: "+359", flag: "🇧🇬" },
                { code: "HR", name: "Croatia", dial: "+385", flag: "🇭🇷" },
                { code: "CY", name: "Cyprus", dial: "+357", flag: "🇨🇾" },
                { code: "CZ", name: "Czech Republic", dial: "+420", flag: "🇨🇿" },
                { code: "DK", name: "Denmark", dial: "+45", flag: "🇩🇰" },
                { code: "IE", name: "Ireland", dial: "+353", flag: "🇮🇪" },
                { code: "EE", name: "Estonia", dial: "+372", flag: "🇪🇪" },
                { code: "FI", name: "Finland", dial: "+358", flag: "🇫🇮" },
                { code: "FR", name: "France", dial: "+33", flag: "🇫🇷" },
                { code: "GE", name: "Georgia", dial: "+995", flag: "🇬🇪" },
                { code: "DE", name: "Germany", dial: "+49", flag: "🇩🇪" },
                { code: "GR", name: "Greece", dial: "+30", flag: "🇬🇷" },
                { code: "HU", name: "Hungary", dial: "+36", flag: "🇭🇺" },
                { code: "IT", name: "Italy", dial: "+39", flag: "🇮🇹" },
                { code: "LV", name: "Latvia", dial: "+371", flag: "🇱🇻" },
                { code: "LT", name: "Lithuania", dial: "+370", flag: "🇱🇹" },
                { code: "LU", name: "Luxembourg", dial: "+352", flag: "🇱🇺" },
                { code: "MT", name: "Malta", dial: "+356", flag: "🇲🇹" },
                { code: "MD", name: "Moldova", dial: "+373", flag: "🇲🇩" },
                { code: "MC", name: "Monaco", dial: "+377", flag: "🇲🇨" },
                { code: "NL", name: "Netherlands", dial: "+31", flag: "🇳🇱" },
                { code: "NO", name: "Norway", dial: "+47", flag: "🇳🇴" },
                { code: "PL", name: "Poland", dial: "+48", flag: "🇵🇱" },
                { code: "PT", name: "Portugal", dial: "+351", flag: "🇵🇹" },
                { code: "RO", name: "Romania", dial: "+40", flag: "🇷🇴" },
                { code: "RS", name: "Serbia", dial: "+381", flag: "🇷🇸" },
                { code: "SG", name: "Singapore", dial: "+65", flag: "🇸🇬" },
                { code: "SK", name: "Slovakia", dial: "+421", flag: "🇸🇰" },
                { code: "SI", name: "Slovenia", dial: "+386", flag: "🇸🇮" },
                { code: "ES", name: "Spain", dial: "+34", flag: "🇪🇸" },
                { code: "SE", name: "Sweden", dial: "+46", flag: "🇸🇪" },
                { code: "CH", name: "Switzerland", dial: "+41", flag: "🇨🇭" },
                { code: "GB", name: "United Kingdom", dial: "+44", flag: "🇬🇧" },
                { code: "VA", name: "Vatican", dial: "+379", flag: "🇻🇦" },
            ];


            // ============================
            // Инициализация одной формы
            // ============================
            function initPhoneField(wrapper, userCountry) {

                const select = wrapper.querySelector(".countrySelect");
                const input = wrapper.querySelector(".phoneInput");

                if (!select || !input) return;

                let flagIcon = wrapper.querySelector(".flagIcon");

                if (!flagIcon) {
                    flagIcon = document.createElement("img");
                    flagIcon.alt = "";
                    flagIcon.className = "flagIcon";
                    flagIcon.style.width = "24px";
                    flagIcon.style.height = "16px";
                    flagIcon.style.objectFit = "cover";
                    flagIcon.style.flex = "0 0 24px";
                    flagIcon.style.margin = "auto 8px auto 16px";
                    flagIcon.style.borderRadius = "2px";

                    wrapper.insertBefore(flagIcon, select);
                }
                // очищаем select (если повторная инициализация)
                select.innerHTML = "";

                // добавляем страны
                countries.forEach(c => {
                    const option = document.createElement("option");
                    const code = c.code.toLowerCase();

                    option.value = c.code;
                    option.dataset.dial = c.dial;
                    option.dataset.flag = `img/flags/${code}.svg`;

                    option.textContent = `${c.name}`;


                    select.appendChild(option);
                });

                // применяем dialCode
                function applyDialCode() {
                    const selected = select.selectedOptions[0];
                    const dial = selected.dataset.dial;

                    input.value = dial + "";

                    flagIcon.src = selected.dataset.flag;
                    flagIcon.alt = selected.value;
                }

                // смена страны
                select.addEventListener("change", applyDialCode);

                // защита от удаления dialCode
                input.addEventListener("keydown", (e) => {
                    let dial = select.selectedOptions[0].dataset.dial + "";

                    if (input.selectionStart <= dial.length && e.key === "Backspace") {
                        e.preventDefault();
                    }
                });

                // ввод только цифр после кода
                input.addEventListener("input", () => {

                    let dial = select.selectedOptions[0].dataset.dial;

                    // пользовательская часть после dialCode
                    let userPart = input.value.replace(dial, "").trim();

                    // оставляем только цифры
                    userPart = userPart.replace(/\D/g, "");

                    input.value = dial + "" + userPart;
                });

                // ставим GEO страну
                if (userCountry) {
                    select.value = userCountry;
                }

                applyDialCode();
            }
 // ============================            
            // GEO один раз на страницу
            fetch("https://ipapi.co/json/")
                .then(res => res.json())
                .then(data => {
                    let userCode = data.country_code?.toUpperCase() || "DE";

                    document.querySelectorAll(".phone-field").forEach(wrapper => {
                        initPhoneField(wrapper, userCode);
                    });
                })
                .catch(() => {
                    document.querySelectorAll(".phone-field").forEach(wrapper => {
                        initPhoneField(wrapper, "DE");
                    });
                });
        });
    </script>
<script>
        window.addEventListener('DOMContentLoaded', function () {
            document.querySelectorAll('.form-wrap').forEach((Form) => {

            let country = `<?= $country; ?>`;

            const EMAIL_REGEXP = /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/iu;
            function isEmailValid1(value) {
                return EMAIL_REGEXP.test(value);
            }

            const submitBtn = Form.querySelector("input[type='submit'], button[type='submit']");
            if (!submitBtn) return;

            submitBtn.addEventListener('click', onClick1);

            // CHECKBOXES CHANGE EVENT
            const checkboxes = Form.querySelectorAll("input[type='checkbox']");
            if (checkboxes.length) {
                submitBtn.disabled = true;
            }
            checkboxes.forEach((checkbox, index, array) => {
                checkbox.addEventListener('input', function () {
                    let checked = Form.querySelectorAll("input[type='checkbox']:checked");
                    if (checked.length < array.length) {
                        submitBtn.disabled = true;
                    } else {
                        submitBtn.disabled = false;
                    }
                });
            });

            function onClick1(ev) {
              const name = Form.querySelector("input[name='name']");
              const tel = Form.querySelector("input[name='phone']");
              const email = Form.querySelector("input[name='email']");

              ev.preventDefault();

              function addErrorClass(element) {
                if (!element) return;
                const field = element.closest('.form-item');
                if (field) field.classList.add('invalid');
              }

              function removeErrorClass(element) {
                if (!element) return;
                const field = element.closest('.form-item');
                if (field) field.classList.remove('invalid');
              }

              if (name && name.value.length > 3) {
                removeErrorClass(name);
              } else {
                addErrorClass(name);
              }

              if (tel && tel.value.replace(/\D/g, '').length > 4) {
                removeErrorClass(tel);
              } else {
                addErrorClass(tel);
              }

              if (email && isEmailValid1(email.value)) {
                removeErrorClass(email);
              } else {
                addErrorClass(email);
              }

           

              if (
                name.value.length > 3 &&
                tel.value.length > 4 &&
                email &&
                isEmailValid1(email.value) 
              ) {
                onClick10(ev);
                }
              }

            function onClick10(ev) {
              ev.preventDefault();
              submitBtn.disabled = true;

              const name = Form.querySelector("input[name='name']").value;
              const tel = Form.querySelector("input[name='phone']").value;
              const email = Form.querySelector("input[name='email']").value;
              const message = Form.querySelector("textarea[name='message']")?.value || '';

             
              let obj = {
                note: `Lex United; Comment ${message}`,
                name: name,
                email: email,
                phoneNumber: tel,
                geo: country,
                creo: '<?= htmlspecialchars($utm_creo, ENT_QUOTES); ?>',
                adset: '<?= htmlspecialchars($utm_account, ENT_QUOTES); ?>',
                log: '<?= htmlspecialchars($utm_source, ENT_QUOTES); ?>',
                extraData: {
                  contact_company: `funnel: Lex United; country=${country}`,
                },
              };
           
              fetch('post.php', {
                method: 'POST',
                body: JSON.stringify(obj),
                headers: { 'content-type': 'application/json' },
              })
                .then(function (response) {
                  return response.json();
                })
                .then(function () {
                  document.location.href = './thanks.php';
                })
                .catch(err => {
                  console.log(err);
                })
                .finally(() => {
                  Form.reset();
               });
            }
                Form.addEventListener('input', (ev) => {
                    ev.target.closest('.form-item')?.classList.remove('invalid');
                });
            });
        });
</script>
</body>
</html>