* {
        font-family: Inria Serif, i-serif;
    }

    body {
        margin: 0;
        background-image: url('../images/backgroundindex.jpg'); /* Background image */
        background-size: cover;
        background-attachment: fixed;
    }

    .container {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }

    .header {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 80px;
    }

    .top-right {
        display: flex;
        gap: 10px;
    }

    .top-button {
        padding: 10px 20px;
        background-color: #333;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
    }

    .language-selector {
        position: relative; /* Устанавливаем позиционирование для родительского элемента */
        z-index: 1; /* Устанавливаем z-index для родительского элемента */
    }

    .logist-mode .top-right {
        padding: 10px 20px;
        background-color: #333;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
    }

    .language-menu {
        position: absolute;
        top: 100%; /* Позиционируем меню под кнопкой */
        left: 0;
        background-color: #426F99;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        overflow: hidden;
        z-index: 2; /* Устанавливаем z-index выше, чем у других элементов */
        min-width: 5em; /* Минимальная ширина меню */
    }

    .language-menu button {
        display: block;
        width: 100%;
        padding: 0.8em; /* Уменьшаем отступы внутри кнопок меню */
        background-color: #426F99;
        border: none;
        text-align: left;
        font-size: 2em; /* Устанавливаем размер шрифта кнопок меню */
    }

    .language-menu button:hover {
        background-color: #f0f0f0;
    }

    .main-menu {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 20px;
    }

    .menu-button {
        padding: 1vw 2vw;
        background-color: rgba(0, 95, 107, 0.8);
        color: #fff;
        border: none;
        border-radius: 0.5vw;
        display: flex;
        align-items: center;
        gap: 1vw;
    }

    .menu-button img {
        height: 2vw;
        width: 2vw;
    }

    .section {
        height: 100vh;
        padding: 4vh 2vh;
        box-sizing: border-box;
    }

    .header-title {
        font-family: Inria Serif, i-serif;
        text-align: center;
        font-size: 4vw; /* Увеличенный размер текста, адаптируется к размеру окна */
        color: #000000;
        margin-top: -15vh;
        padding: 20px;
        background-color: rgba(235, 240, 251, 0.8); /* Измените прозрачность здесь */
        width: 100%; /* Растягивает рамку на всю ширину */
        box-sizing: border-box; /* Включает padding и border в общую ширину */
        position: sticky; /* Зафиксировать позицию */
        top: 0; /* Переместить в самый верх */
        left: 0; /* Переместить в самый верх */
        z-index: 1000; /* Обеспечивает отображение заголовка поверх других элементов */



    }

    #section1 {
        height: 100vh;
        padding: 0; /* Убираем отступ сверху */
        box-sizing: border-box;
    }


    #section1 .half { /* Отрицательный отступ для элементов внутри секции */
        margin-top: 3vh;
    }

    .half {
        width: 50%;
        float: left;
        box-sizing: border-box;
    }

    .button.google-maps {
        background-color: transparent; /* Устанавливаем прозрачный фон */
    }


    .container1 {
        font-family: Inria Serif, i-serif;
        background-color: #879FB5;
        padding: 2vw; /* Внутренние отступы с использованием единиц vw */
        border-radius: 1vw; /* Закругленные углы с использованием единиц vw */
        width: 70%; /* Ширина контейнера относительно родителя */
        max-width: 80vw; /* Максимальная ширина контейнера относительно размера окна */
        margin: 5vh 0 5vh 3vw; /* Центрирование и отступ сверху и снизу */
        text-align: center;
        box-sizing: border-box; /* Включает padding и border в общую ширину */
        min-height: 70vh; /* Минимальная высота контейнера в зависимости от высоты окна */
    }

    .input-container {
        font-family: Inria Serif, i-serif;
        display: flex; /* Размещаем элементы в одну линию */
        align-items: center; /* Выравниваем элементы по вертикали */
        justify-content: center; /* Выравниваем элементы по горизонтали */
        gap: 1vw; /* Расстояние между полем и кнопкой */
    }

    .input-container input {
        font-family: Inria Serif, i-serif;
        padding: 1vw; /* Внутренние отступы с использованием единиц vw */
        border: 0.1vw solid #ccc; /* Граница элемента с использованием единиц vw */
        border-radius: 0.5vw; /* Закругленные углы с использованием единиц vw */
        font-size: 1.5vw; /* Размер текста с использованием единиц vw */
        width: auto; /* Автоматическая ширина под размер текста */
        box-sizing: border-box;
        min-height: 5vh; /* Минимальная высота поля ввода */
        flex: 1; /* Разрешаем полю ввода занимать все доступное пространство */
    }

    .input-container button {

        padding: 1vw; /* Внутренние отступы для кнопки */
        background-color: #426F99; /* Цвет фона кнопки */
        color: #000000; /* Цвет текста кнопки */
        border: none; /* Убираем границу */
        border-radius: 0.5vw; /* Закругленные углы кнопки */
        font-size: 1.5vw; /* Увеличиваем размер текста кнопки */
        cursor: pointer; /* Курсор указывает на возможность клика */
        min-height: 5vh; /* Увеличиваем минимальную высоту кнопки */
        white-space: nowrap; /* Запрещаем перенос текста на новую строку */
        flex: 0 0 auto; /* Запрещаем кнопке растягиваться */
    }

    .button-container {
        text-align: center;
        display: flex; /* Выравниваем элементы в линию */
        flex-direction: column; /* Размещаем элементы в колонку */
        align-items: flex-start; /* Центрируем элементы по горизонтали */
        gap: 1.5vw; /* Расстояние между элементами */
        margin-top: 5vh; /* Отступ сверху для выравнивания */

    }

    .right-button-container {
        display: flex;
        justify-content: center;
        gap: 2vw; /* Расстояние между кнопками */
        margin-bottom: 2vh; /* Отступ снизу */
        align-items: flex-start; /* Выравнивание элементов по верхнему краю */

    }

    .right-button.login {
        opacity: 0.90;
        font-weight: 500;
        padding: 0.3em 14.5vw; /* Внутренние отступы */
        background-color: #426F99; /* Цвет фона */
        color: #000000; /* Цвет текста */
        border: none; /* Убираем границу */
        border-radius: 1vw; /* Закругленные углы */
        font-size: 3vw; /* Размер текста */
        width: auto; /* Автоматическая ширина */
        min-height: 7vh; /* Минимальная высота */
        display: flex; /* Выравнивание контента по вертикали */
        align-items: center; /* Центрирование контента по вертикали */
        justify-content: center; /* Центрирование контента по горизонтали */
        text-decoration: none; /* Убираем подчеркивание */
        margin-left: 5.5vh;
    }

    .language-button {
        opacity: 0.90;
        font-weight: 800;
        padding: 1.5vw 1.5vw; /* Внутренние отступы */
        background-color: #426F99; /* Цвет фона */
        color: #000000; /* Цвет текста */
        border: none; /* Убираем границу */
        border-radius: 1vw; /* Закругленные углы */
        font-size: 2vw; /* Размер текста */
        width: auto; /* Автоматическая ширина */
        min-height: 7vh; /* Минимальная высота */
        display: flex; /* Выравнивание контента по вертикали */
        align-items: center; /* Центрирование контента по вертикали */
        justify-content: center; /* Центрирование контента по горизонтали */
        text-decoration: none; /* Убираем подчеркивание */
    }

    .right-button {
        padding: 1.5vw 3vw; /* Увеличенные отступы для кнопок */
        background-color: #426F99;
        color: #000000;
        border: none;
        border-radius: 1vw; /* Закругленные углы кнопок */
        font-size: 2vw; /* Увеличенный размер текста */
    }


    .section-button {
        transition: background-color 0.3s ease, transform 0.3s ease;
        background-color: rgba(133, 160, 185, 0.8); /* Цвет фона кнопки */
        border-radius: 1vw; /* Закругленные углы */
        padding: 0.5vw 1vw; /* Внутренние отступы */
        border: none; /* Без границы */
        color: #000000; /* Цвет текста */
        display: flex; /* Flexbox для выравнивания элементов */
        align-items: center; /* Вертикальное выравнивание по центру */
        font-size: 3vw; /* Размер текста */
        min-height: 16vh; /* Минимальная высота кнопки */
        max-width: 44vw; /* Максимальная ширина кнопки */
        width: 100%; /* Ширина кнопки */
        margin: 1vh auto; /* Отступы сверху и снизу */
        position: relative; /* Важно для позиционирования псевдоэлементов */
        justify-content: flex-start; /* Выравнивание по левому краю */
        gap: 3vw;
        white-space: nowrap;
    }

    .section-button:hover {
        background-color: #9AB7D2; /* Меняем цвет фона при наведении */
        transform: scale(1.05); /* Увеличиваем размер кнопки при наведении */
    }


    .right-button.login:hover, /* Анимация для кнопки Login */
    .language-button:hover {  /* Анимация для кнопки Language */
        background-color: #426F99;
        transform: scale(1.1);
        transition: background-color 0.3s ease, transform 0.3s ease;
        opacity: 1;
    }

    .input-container button:hover { /* Анимация для кнопки Check */
        background-color: #9AB7D2; /* Более темный оттенок при наведении */
    }


    .section-button::before { /* Стили для иконки */
        content: '';
        display: inline-block; /* Чтобы можно было добавить отступ справа */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 2em;
        height: 2em;
        margin-right: 1vw; /* Отступ справа от иконки */
         margin-left: 0.2em;
    }



    .section-button.awizacja::before {
        background-image: url('../images/awizacja_icon.png');
    }

    .section-button.infofdrivers::before {
        background-image: url('../images/info_icon.png');
    }

    .section-button::after { /* Стили для разделительной линии */
        content: '';
        position: absolute;
        left: 9.5vw; /* Положение слева от иконки */
        top: 50%;
        transform: translateY(-50%);
        width: 0.3vh;
        height: 65%;
        background-color: #fff; /* Цвет линии */
    }





    .container4 {
        display: flex; /* Включаем flexbox */
        align-items: flex-start; /* Выравниваем элементы по верхнему краю */
    }

    .container4 .half.left {
        display: block; /* Возвращаем отображение левого блока */
        width: auto; /* Автоматическая ширина для блока с инструкцией */
        margin-right: 2vh; /* Добавляем отступ справа для разделения блоков */
    }

    .container4 .half.right {
        width: auto; /* Автоматическая ширина для формы */
        flex-grow: 1; /* Позволяем форме занимать оставшееся пространство */
        background-color: rgba(133, 160, 185, 0.95); /* Фон окошка */
        padding: 1.2em; /* Внутренние отступы */
        border-radius: 0.5em; /* Закругленные углы */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Необязательно: добавляем легкую тень */
        margin-top: 3vh;
        font-size: 1.4em;

    }




    .text-info1 {
        width: 75%;
        max-width: 20em;
        font-size: 2.1em;
        line-height: 1.5;
        /* Убираем background-color из основного элемента */
        padding: 1.5em;
        border-radius: 0.5em;
        position: relative;
        top: -2vh;
        left: 1.5vw;


    }

    /* Добавляем псевдоэлемент для фона */
    .text-info1::before {
        content: ''; /* Обязательное свойство для псевдоэлементов */
        position: absolute;
        top: 5vh;
        left: 1vh;
        right: 3vh;
        bottom: 7vh;
        background-color: rgba(133, 160, 185, 0.95); /* Устанавливаем фон на псевдоэлементе */
        border-radius: 0.5em; /* Повторяем скругление углов */
        z-index: -1; /* Помещаем фон позади текста */

    }




    #formTitle {
        font-weight: 600;
        font-size: 2vw; /* Размер текста с использованием единиц vw для адаптивности */
        font-weight: bold; /* Жирное начертание */
        color: #333; /* Цвет текста */
        margin-bottom: 2vh; /* Отступ снизу для разделения с формой */
    }



    .form-group {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    #awizacjaForm #submitButton { /* Селектор для кнопки submit в форме awizacja */
        padding: 0.5vh 1vh; /* Увеличиваем отступы для увеличения размера кнопки */
        background-color: #426F99; /* Устанавливаем новый цвет фона (например, темно-бирюзовый) */
        color: #000000;
        font-size: 1em; /* Увеличиваем размер шрифта */
        border: none;
        border-radius: 0.5vh;
        cursor: pointer;
        margin-top: 1vh;
    }

    .form-group input,
    .form-group select {
        background-color: #e0e0e0;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .form-group button {
        padding: 10px;
        background-color: #005f6b;
        color: #fff;
        border: none;
        border-radius: 5px;
    }



    .container3 {
        display: flex;
        align-items: flex-start; /* Выравниваем элементы по верхнему краю */
        margin-left: 4vh;
        margin-top: 50vh;
        max-width: 100%; /* Ограничиваем максимальную ширину контейнера */
    }


    .text-info {
        width: 31%;
        max-width: 100vh;
        font-size: 2.5em;
        line-height: 1.5;
        background-color: rgba(133, 160, 185, 0.95);
        padding: 1em; /* Сохраняем отступы по бокам */
        padding-top: 0em;  /* Уменьшаем фон сверху */
        padding-bottom: 0em; /* Уменьшаем фон снизу */
        border-radius: 0.5em;
        text-align: left;
        /* min-height: 60vh; Удаляем min-height */
        position: relative;
    }




    .text-info::after {
        content: '';
        position: absolute;
        top: 0vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
        right: -5vh; /* Позиционируем линию ровно посередине между блоками */
        bottom: 0vh; /* Отступ снизу */
        width: 0.3vh;
        height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
        background-color: #fff;
    }


    #confirmation {
        text-align: center;
        width: 50%;
        float: none;
        display: flex;
        flex-direction: column;
        gap: 2vh;
    }



    #confirmation .button {
        min-height: 16vh;
        max-width: 40vw;
        width: 100%;
        margin-left: 9.5vh;
        padding: 0.5vw 1vw;
        background-color: rgba(133, 160, 185, 0.8);
        color: #000000;
        border: none;
        border-radius: 1vw;
        font-size: 3vw;
        display: flex;
        align-items: center;
        justify-content: flex-start; /* Выравнивание по левому краю */
        gap: 3vw;
        transition: background-color 0.3s ease, transform 0.3s ease;
    }

    #confirmation .button:hover {
        background-color: #9AB7D2;
        transform: scale(1.05);
    }

    #confirmation .button img {
        width: 2em;
        height: 2em;
        margin-right: 1vw;
        margin-left: 1vw; /* Отрицательный отступ слева */
    }


    #confirmation .button span {
        font-size: 1em; /* Размер текста кнопки */
    }


    .half.left::before {
        content: '';
        position: absolute;
        top: 5vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
        right: 9.5vh; /* Позиционируем линию ровно посередине между блоками */
        bottom: 5vh; /* Отступ снизу */
        width: 0.3vh;
        height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
        background-color: #fff;
    }


    #section2 .half.left::before {
        content: '';
        position: absolute;
        top: 3vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
        right: 4.5vh; /* Позиционируем линию ровно посередине между блоками */
        bottom: 9vh; /* Отступ снизу */
        width: 0.3vh;
        height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
        background-color: #fff;

    }




    .half {
        position: relative; /* Чтобы псевдоэлемент позиционировался относительно .half */
        /* ... остальные стили ... */
    }



    .half.right {
        margin-left: -1.2vw; /* Отрицательный отступ слева */
    }

    .container1 #result p {
        font-size: 2em; /* Увеличиваем размер шрифта */
    }


    #section3 h2 {
     /* Или другое значение в зависимости от желаемого сдвига */
        color: #00000000;
    }


    @media (max-width: 768px) {
        * {
            font-family: Inria Serif, i-serif;
        }

        body {
            margin: 0;
            background-image: url('../images/backgroundindex.jpg'); /* Background image */
            background-size: cover;
            background-attachment: fixed;

        }

        .container {
            width: 100%;
            padding: 2vh;
            box-sizing: border-box;
        }

        .header {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            height: 8vh;
        }

        .top-right {
            display: flex;
            gap: 1vh;
        }

        .top-button {
            padding: 1vh 2vh;
            background-color: #333;
            color: #fff;
            text-decoration: none;
            border-radius: 0.5vh;
        }

        .language-selector {
            position: relative; /* Устанавливаем позиционирование для родительского элемента */
            z-index: 1; /* Устанавливаем z-index для родительского элемента */
        }


        .language-menu {
            position: absolute;
            top: 100%; /* Позиционируем меню под кнопкой */
            left: 0;
            background-color: #426F99;
            box-shadow: 0 0 1vh rgba(0, 0, 0, 0.1);
            border-radius: 0.5vh;
            overflow: hidden;
            z-index: 2; /* Устанавливаем z-index выше, чем у других элементов */
            min-width: 5em; /* Минимальная ширина меню */
        }

        .language-menu button {
            display: block;
            width: 100%;
            padding: 0.8em; /* Уменьшаем отступы внутри кнопок меню */
            background-color: #426F99;
            border: none;
            text-align: left;
            font-size: 2em; /* Устанавливаем размер шрифта кнопок меню */
        }

        .language-menu button:hover {
            background-color: #f0f0f0;
        }

        .main-menu {
            display: flex;
            justify-content: center;
            gap: 2vh;
            margin-top: 2vh;
        }

        .menu-button {
            padding: 1vw 2vw;
            background-color: rgba(0, 95, 107, 0.8);
            color: #fff;
            border: none;
            border-radius: 0.5vw;
            display: flex;
            align-items: center;
            gap: 1vw;
        }

        .menu-button img {
            height: 2vw;
            width: 2vw;
        }

        .section {
            height: 100vh;
            padding: 4vh 2vh;
            box-sizing: border-box;
        }

        .header-title {
            font-family: Inria Serif, i-serif;
            text-align: center;
            font-size: 6vw; /* Увеличенный размер текста, адаптируется к размеру окна */
            color: #000000;
            margin-top: -15vh;
            padding: 2vh;
            background-color: rgba(235, 240, 251, 0.8); /* Измените прозрачность здесь */
            width: 100%; /* Растягивает рамку на всю ширину */
            box-sizing: border-box; /* Включает padding и border в общую ширину */
            position: sticky; /* Зафиксировать позицию */
            top: 0; /* Переместить в самый верх */
            left: 0; /* Переместить в самый верх */
            z-index: 1000; /* Обеспечивает отображение заголовка поверх других элементов */



        }

        #section1 {
            height: 100vh;
            padding: 0; /* Убираем отступ сверху */
            box-sizing: border-box;
        }

        #section1 .half.right {
            display: flex;
            flex-direction: column; /* Устанавливаем направление элементов в колонку */
            justify-content: center; /* Центрируем содержимое по вертикали */
            align-items: center; /* Центрируем содержимое по горизонтали */
            width: 100%; /* Ширина на всю доступную область */
            height: 100%; /* Высота на всю доступную область */
            margin-top: -61vh;
            margin-left: 0vh;
        }

        #section1 .half.left {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%; /* Ширина на всю доступную область */
            height: 100%; /* Высота на всю доступную область */
            margin-top: -25vh;
            margin-left: -0.8vh;
        }


        .container1 {
            border: 1px solid red;
            font-family: Inria Serif, i-serif;
            background-color: #879FB5;
            padding: 2vw; /* Внутренние отступы с использованием единиц vw */
            border-radius: 1vw; /* Закругленные углы с использованием единиц vw */
            width: 80%; /* Ширина контейнера относительно родителя */
            max-width: 80vw; /* Максимальная ширина контейнера относительно размера окна */
            text-align: center;
            box-sizing: border-box; /* Включает padding и border в общую ширину */
            min-height: 40vh; /* Минимальная высота контейнера в зависимости от высоты окна */


        }

        .input-container {
            font-family: Inria Serif, i-serif;
            display: flex; /* Размещаем элементы в одну линию */
            align-items: center; /* Выравниваем элементы по вертикали */
            justify-content: center; /* Выравниваем элементы по горизонтали */
            gap: 1vw; /* Расстояние между полем и кнопкой */
        }

        .input-container input {
            font-family: Inria Serif, i-serif;
            padding: 1vw; /* Внутренние отступы с использованием единиц vw */
            border: 0.1vw solid #ccc; /* Граница элемента с использованием единиц vw */
            border-radius: 0.5vw; /* Закругленные углы с использованием единиц vw */
            font-size: 3vw; /* Размер текста с использованием единиц vw */
            width: auto; /* Автоматическая ширина под размер текста */
            box-sizing: border-box;
            min-height: 5vh; /* Минимальная высота поля ввода */
            flex: 1; /* Разрешаем полю ввода занимать все доступное пространство */
        }

        .input-container button {

            padding: 1vw; /* Внутренние отступы для кнопки */
            background-color: #426F99; /* Цвет фона кнопки */
            color: #000000; /* Цвет текста кнопки */
            border: none; /* Убираем границу */
            border-radius: 0.5vw; /* Закругленные углы кнопки */
            font-size: 3vw; /* Увеличиваем размер текста кнопки */
            cursor: pointer; /* Курсор указывает на возможность клика */
            min-height: 5vh; /* Увеличиваем минимальную высоту кнопки */
            white-space: nowrap; /* Запрещаем перенос текста на новую строку */
            flex: 0 0 auto; /* Запрещаем кнопке растягиваться */
        }

        .button-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 2vh;
            margin-top: 3vh; /* Отступ сверху для выравнивания */
            width: 100%;
        }

        .right-button-container {
            display: flex;
            justify-content: center;
            gap: 2vw; /* Расстояние между кнопками */
            margin-bottom: 0vh; /* Отступ снизу */
            align-items: flex-start; /* Выравнивание элементов по верхнему краю */
            max-width: 45vh;
            width: 80%;


        }

        .right-button.login {
            opacity: 0.90;
            font-weight: 500;
            padding: 0.3em 14.5vw; /* Внутренние отступы */
            background-color: #426F99; /* Цвет фона */
            color: #000000; /* Цвет текста */
            border: none; /* Убираем границу */
            border-radius: 1vw; /* Закругленные углы */
            font-size: 5vw; /* Размер текста */
            width: 17.5vh; /* Автоматическая ширина */
            min-height: 7vh; /* Минимальная высота */
            display: flex; /* Выравнивание контента по вертикали */
            align-items: center; /* Центрирование контента по вертикали */
            justify-content: center; /* Центрирование контента по горизонтали */
            text-decoration: none; /* Убираем подчеркивание */
            margin-left: 0vh;

        }

        .language-button {
            opacity: 0.90;
            font-weight: 600;
            padding: 1.5vw 1.5vw; /* Внутренние отступы */
            background-color: #426F99; /* Цвет фона */
            color: #000000; /* Цвет текста */
            border: none; /* Убираем границу */
            border-radius: 1vw; /* Закругленные углы */
            font-size: 5vw; /* Размер текста */
            width: 10vh; /* Автоматическая ширина */
            min-height: 8.5vh; /* Минимальная высота */
            display: flex; /* Выравнивание контента по вертикали */
            align-items: center; /* Центрирование контента по вертикали */
            justify-content: center; /* Центрирование контента по горизонтали */
            text-decoration: none; /* Убираем подчеркивание */

        }




        .section-button {
            transition: background-color 0.3s ease, transform 0.3s ease;
            background-color: rgba(133, 160, 185, 0.8); /* Цвет фона кнопки */
            border-radius: 1vw; /* Закругленные углы */
            padding: 0.5vw 1vw; /* Внутренние отступы */
            border: none; /* Без границы */
            color: #000000; /* Цвет текста */
            display: flex; /* Flexbox для выравнивания элементов */
            align-items: center; /* Вертикальное выравнивание по центру */
            min-height: 12vh; /* Минимальная высота кнопки */
            max-width: 80vw; /* Максимальная ширина кнопки */
            width: 100%; /* Ширина кнопки */
            margin: 0vh auto; /* Отступы сверху и снизу */
            position: relative; /* Важно для позиционирования псевдоэлементов */
            justify-content: flex-start; /* Выравнивание по левому краю */
            gap: 9vw;
            white-space: nowrap;

        }

        .section-button:hover {
            background-color: #9AB7D2; /* Меняем цвет фона при наведении */
            transform: scale(1.05); /* Увеличиваем размер кнопки при наведении */
        }


        .right-button.login:hover, /* Анимация для кнопки Login */
        .language-button:hover {  /* Анимация для кнопки Language */
            background-color: #426F99;
            transform: scale(1.1);
            transition: background-color 0.3s ease, transform 0.3s ease;
            opacity: 1;
        }

        .input-container button:hover { /* Анимация для кнопки Check */
            background-color: #9AB7D2; /* Более темный оттенок при наведении */
        }


        .section-button::before { /* Стили для иконки */
            content: '';
            display: inline-block; /* Чтобы можно было добавить отступ справа */
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            width: 2em;
            height: 2em;
            margin-right: 1vw; /* Отступ справа от иконки */
             margin-left: 0.2em;
        }



        .section-button.awizacja::before {
            background-image: url('../images/awizacja_icon.png');
        }

        .section-button.infofdrivers::before {
            background-image: url('../images/info_icon.png');
        }

        .section-button::after { /* Стили для разделительной линии */
            content: '';
            position: absolute;
            left: 19vw; /* Положение слева от иконки */
            top: 50%;
            transform: translateY(-50%);
            width: 0.3vh;
            height: 65%;
            background-color: #fff; /* Цвет линии */
        }


        .right-button {
            padding: 1.5vw 3vw; /* Увеличенные отступы для кнопок */
            background-color: #426F99;
            color: #000000;
            border: none;
            border-radius: 1vw; /* Закругленные углы кнопок */
            font-size: 5vw; /* Увеличенный размер текста */

        }


        .container4 {
            display: flex;
            flex-direction: column; /* Размещаем элементы вертикально */
            align-items: center; /* Выравниваем элементы по центру контейнера */
            margin-top: -4vh;
        }

        .container4 .half {
            width: 80%; /* Задаем ширину для обоих блоков (текста и формы) */
            margin-bottom: 0vh; /* Добавляем отступ снизу для разделения блоков */
        }

        .container4 .half.left {
            display: block; /* Возвращаем отображение левого блока */
            width: auto; /* Автоматическая ширина для блока с инструкцией */

        }

        .container4 .half.right {
            width: 80%; /* Автоматическая ширина для формы */
            max-height: 80%;
            flex-grow: 0; /* Позволяем форме занимать оставшееся пространство */
            background-color: rgba(133, 160, 185, 0.95); /* Фон окошка */
            padding: 0.5em; /* Внутренние отступы */
            border-radius: 0.5em; /* Закругленные углы */
            box-shadow: 0 0.2vh 0.5vh rgba(0, 0, 0, 0.1); /* Необязательно: добавляем легкую тень */
            font-size: 0.7em;

        }

        #section2 {
            width: 100%; /* Убедитесь, что ширина не превышает доступное пространство */
            overflow: hidden; /* Это поможет убрать элементы, выходящие за пределы */
            position: relative; /* Установка относительного позиционирования для дочерних абсолютно позиционированных элементов */
        }



        .text-info1 {
            width: 100%;
            max-width: 100%;
            font-size: 0.6em;
            line-height: 1.5;
            padding: 1.5em;
            border-radius: 0.5em;
            position: relative;
            margin-left: -2vh;

        }

        /* Добавляем псевдоэлемент для фона */
        .text-info1::before {
            content: '';
            position: absolute;
            top: 2vh; /* Уменьшаем отступ сверху */
            left: 0.5vh; /* Уменьшаем отступ слева */
            right: 0.5vh; /* Уменьшаем отступ справа */
            bottom: 2vh; /* Уменьшаем отступ снизу */
            background-color: rgba(133, 160, 185, 0.95);
            border-radius: 0.5em;
            z-index: -1;
        }




        #formTitle {
            font-weight: 600;
            font-size: 3vw; /* Размер текста с использованием единиц vw для адаптивности */
            font-weight: bold; /* Жирное начертание */
            color: #000000; /* Цвет текста */
            margin-bottom: 1.5vh; /* Отступ снизу для разделения с формой */
        }



        .form-group {
            display: flex;
            flex-direction: column;
            gap: 1vh;
        }

        #awizacjaForm #submitButton { /* Селектор для кнопки submit в форме awizacja */
            padding: 0.5vh 1vh; /* Увеличиваем отступы для увеличения размера кнопки */
            background-color: #426F99; /* Устанавливаем новый цвет фона (например, темно-бирюзовый) */
            color: #000000;
            font-size: 1em; /* Увеличиваем размер шрифта */
            border: none;
            border-radius: 0.5vh;
            cursor: pointer;
            margin-top: 1vh;
        }

        .form-group input,
        .form-group select {
            background-color: #e0e0e0;
            padding: 0.2vh;
            border: 0.1vh solid #ccc;
            border-radius: 0.5vh;
        }

        .form-group button {
            padding: 1vh;
            background-color: #005f6b;
            color: #fff;
            border: none;
            border-radius: 0.5vh;
        }



        .container3 {
            display: flex;
            flex-direction: column; /* Элементы размещаются в столбец */
            align-items: center;    /* Выравнивание по центру */
            text-align: center;     /* Выравнивание текста по центру */
            margin-top: 10vh;      /* Отступ сверху для центрирования */
            margin-left: 0vh;
        }


        .text-info {
            width: 80%;            /* Ширина блока с текстом */
            max-width: 100vh;
            font-size: 1.2em;
            line-height: 1.5;
            background-color: rgba(133, 160, 185, 0.95);
            padding: 1em;
            border-radius: 0.5em;
            margin-left: 0vh;
            margin-bottom: 2vh;   /* Отступ снизу от текста */
            text-align: left;
            position: relative;    /* Для позиционирования псевдоэлемента */
        }

        .text-info::before {
            content: '';
            position: absolute;
            left: 1vh;
            right: 1vh; /* Убираем отступ справа */
            background-color: rgba(133, 160, 185, 0.95);
            border-radius: 0.5em;
            z-index: -1;
            top: 0;
            bottom: 0;
        }


        .text-info::after { /* Удаляем разделительную линию */
            content: none;
        }


        #confirmation {
            display: flex;
            flex-direction: row; /* Кнопки размещаются в ряд */
            justify-content: center; /* Центрирование кнопок */
            gap: 2vh;
            width: 80%;
            margin-left: 0;    /* Убираем отступ слева */
        }



        #confirmation .button {
            min-height: 10vh;     /* Уменьшаем высоту кнопок */
            max-width: 30vw;      /* Уменьшаем максимальную ширину кнопок */
            width: 100%;
            margin-left: 0;       /* Убираем отступ слева */
            padding: 3vw 6vw;
            background-color: rgba(133, 160, 185, 0.8);
            color: #000000;
            border: none;
            border-radius: 1vw;
            display: flex;
            align-items: center;
            justify-content: center; /* Центрируем содержимое кнопок */
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        #confirmation .button:hover {
            background-color: #9AB7D2;
            transform: scale(1.05);
        }

        #confirmation .button img {
            width: 2em;
            height: 2em;
            margin-right: 1vw;
        }



        #confirmation .button span {
            font-size: 1.2em; /* Размер текста кнопки */
        }



        .half.left::before {
            content: none;
            position: absolute;
            top: 5vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
            right: 9.5vh; /* Позиционируем линию ровно посередине между блоками */
            bottom: 5vh; /* Отступ снизу */
            width: 0.3vh;
            height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
            background-color: #fff;
        }


        #section2 .half.left::before {
            content: none;
            position: absolute;
            top: 3vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
            right: 4.5vh; /* Позиционируем линию ровно посередине между блоками */
            bottom: 9vh; /* Отступ снизу */
            width: 0.3vh;
            height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
            background-color: #fff;

        }






        .half {
            position: relative; /* Чтобы псевдоэлемент позиционировался относительно .half */
            /* ... остальные стили ... */
        }



        .half.right {
            margin-left: 1vw; /* Отрицательный отступ слева */
        }

        .container1 #result p {
            font-size: 1em; /* Увеличиваем размер шрифта */
        }


        #section3 h2 {
         /* Или другое значение в зависимости от желаемого сдвига */
            color: #00000000;
        }
    }


    @media (min-width: 1366px) and (min-height: 768px) {

        * {
            font-family: Inria Serif, i-serif;
        }

        body {
            margin: 0;
            background-image: url('../images/backgroundindex.jpg'); /* Background image */
            background-size: cover;
            background-attachment: fixed;
        }

        .container {
            width: 100%;
            padding: 20px;
            box-sizing: border-box;
        }

        .header {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            height: 80px;
        }

        .top-right {
            display: flex;
            gap: 10px;
        }

        .top-button {
            padding: 10px 20px;
            background-color: #333;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
        }

        .language-selector {
            position: relative; /* Устанавливаем позиционирование для родительского элемента */
            z-index: 1; /* Устанавливаем z-index для родительского элемента */
        }

        .logist-mode .top-right {
            padding: 10px 20px;
            background-color: #333;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
        }

        .language-menu {
            position: absolute;
            top: 100%; /* Позиционируем меню под кнопкой */
            left: 0;
            background-color: #426F99;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
            overflow: hidden;
            z-index: 2; /* Устанавливаем z-index выше, чем у других элементов */
            min-width: 5em; /* Минимальная ширина меню */
        }

        .language-menu button {
            display: block;
            width: 100%;
            padding: 0.8em; /* Уменьшаем отступы внутри кнопок меню */
            background-color: #426F99;
            border: none;
            text-align: left;
            font-size: 2em; /* Устанавливаем размер шрифта кнопок меню */
        }

        .language-menu button:hover {
            background-color: #f0f0f0;
        }

        .main-menu {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 20px;
        }

        .menu-button {
            padding: 1vw 2vw;
            background-color: rgba(0, 95, 107, 0.8);
            color: #fff;
            border: none;
            border-radius: 0.5vw;
            display: flex;
            align-items: center;
            gap: 1vw;
        }

        .menu-button img {
            height: 2vw;
            width: 2vw;
        }

        .section {
            height: 100vh;
            padding: 4vh 2vh;
            box-sizing: border-box;
        }

        .header-title {
            font-family: Inria Serif, i-serif;
            text-align: center;
            font-size: 4vw; /* Увеличенный размер текста, адаптируется к размеру окна */
            color: #000000;
            margin-top: -15vh;
            padding: 20px;
            background-color: rgba(235, 240, 251, 0.8); /* Измените прозрачность здесь */
            width: 100%; /* Растягивает рамку на всю ширину */
            box-sizing: border-box; /* Включает padding и border в общую ширину */
            position: sticky; /* Зафиксировать позицию */
            top: 0; /* Переместить в самый верх */
            left: 0; /* Переместить в самый верх */
            z-index: 1000; /* Обеспечивает отображение заголовка поверх других элементов */


        }

        #section1 {
            height: 100vh;
            padding: 0; /* Убираем отступ сверху */
            box-sizing: border-box;
        }


        #section1 .half { /* Отрицательный отступ для элементов внутри секции */
            margin-top: 3vh;
        }

        .half {
            width: 50%;
            float: left;
            box-sizing: border-box;
        }

        .container1 {
            font-family: Inria Serif, i-serif;
            background-color: #879FB5;
            padding: 2vw; /* Внутренние отступы с использованием единиц vw */
            border-radius: 1vw; /* Закругленные углы с использованием единиц vw */
            width: 70%; /* Ширина контейнера относительно родителя */
            max-width: 80vw; /* Максимальная ширина контейнера относительно размера окна */
            margin: 5vh 0 5vh 3vw; /* Центрирование и отступ сверху и снизу */
            text-align: center;
            box-sizing: border-box; /* Включает padding и border в общую ширину */
            min-height: 70vh; /* Минимальная высота контейнера в зависимости от высоты окна */
        }

        .input-container {
            font-family: Inria Serif, i-serif;
            display: flex; /* Размещаем элементы в одну линию */
            align-items: center; /* Выравниваем элементы по вертикали */
            justify-content: center; /* Выравниваем элементы по горизонтали */
            gap: 1vw; /* Расстояние между полем и кнопкой */
        }

        .input-container input {
            font-family: Inria Serif, i-serif;
            padding: 1vw; /* Внутренние отступы с использованием единиц vw */
            border: 0.1vw solid #ccc; /* Граница элемента с использованием единиц vw */
            border-radius: 0.5vw; /* Закругленные углы с использованием единиц vw */
            font-size: 1.5vw; /* Размер текста с использованием единиц vw */
            width: auto; /* Автоматическая ширина под размер текста */
            box-sizing: border-box;
            min-height: 5vh; /* Минимальная высота поля ввода */
            flex: 1; /* Разрешаем полю ввода занимать все доступное пространство */
        }

        .input-container button {

            padding: 1vw; /* Внутренние отступы для кнопки */
            background-color: #426F99; /* Цвет фона кнопки */
            color: #000000; /* Цвет текста кнопки */
            border: none; /* Убираем границу */
            border-radius: 0.5vw; /* Закругленные углы кнопки */
            font-size: 1.5vw; /* Увеличиваем размер текста кнопки */
            cursor: pointer; /* Курсор указывает на возможность клика */
            min-height: 5vh; /* Увеличиваем минимальную высоту кнопки */
            white-space: nowrap; /* Запрещаем перенос текста на новую строку */
            flex: 0 0 auto; /* Запрещаем кнопке растягиваться */
        }

        .button-container {
            text-align: center;
            display: flex; /* Выравниваем элементы в линию */
            flex-direction: column; /* Размещаем элементы в колонку */
            align-items: flex-start; /* Центрируем элементы по горизонтали */
            gap: 1.5vw; /* Расстояние между элементами */
            margin-top: 5vh; /* Отступ сверху для выравнивания */

        }

        .right-button-container {
            display: flex;
            justify-content: center;
            gap: 2vw; /* Расстояние между кнопками */
            margin-bottom: 2vh; /* Отступ снизу */
            align-items: flex-start; /* Выравнивание элементов по верхнему краю */

        }

        .right-button.login {
            opacity: 0.90;
            font-weight: 500;
            padding: 0.3em 14.5vw; /* Внутренние отступы */
            background-color: #426F99; /* Цвет фона */
            color: #000000; /* Цвет текста */
            border: none; /* Убираем границу */
            border-radius: 1vw; /* Закругленные углы */
            font-size: 3vw; /* Размер текста */
            width: auto; /* Автоматическая ширина */
            min-height: 7vh; /* Минимальная высота */
            display: flex; /* Выравнивание контента по вертикали */
            align-items: center; /* Центрирование контента по вертикали */
            justify-content: center; /* Центрирование контента по горизонтали */
            text-decoration: none; /* Убираем подчеркивание */
            margin-left: 5.5vh;
        }

        .language-button {
            opacity: 0.90;
            font-weight: 800;
            padding: 1.5vw 1.5vw; /* Внутренние отступы */
            background-color: #426F99; /* Цвет фона */
            color: #000000; /* Цвет текста */
            border: none; /* Убираем границу */
            border-radius: 1vw; /* Закругленные углы */
            font-size: 2vw; /* Размер текста */
            width: auto; /* Автоматическая ширина */
            min-height: 7vh; /* Минимальная высота */
            display: flex; /* Выравнивание контента по вертикали */
            align-items: center; /* Центрирование контента по вертикали */
            justify-content: center; /* Центрирование контента по горизонтали */
            text-decoration: none; /* Убираем подчеркивание */
        }

        .right-button {
            padding: 1.5vw 3vw; /* Увеличенные отступы для кнопок */
            background-color: #426F99;
            color: #000000;
            border: none;
            border-radius: 1vw; /* Закругленные углы кнопок */
            font-size: 2vw; /* Увеличенный размер текста */
        }


        .section-button {
            transition: background-color 0.3s ease, transform 0.3s ease;
            background-color: rgba(133, 160, 185, 0.8); /* Цвет фона кнопки */
            border-radius: 1vw; /* Закругленные углы */
            padding: 0.5vw 1vw; /* Внутренние отступы */
            border: none; /* Без границы */
            color: #000000; /* Цвет текста */
            display: flex; /* Flexbox для выравнивания элементов */
            align-items: center; /* Вертикальное выравнивание по центру */
            font-size: 3vw; /* Размер текста */
            min-height: 16vh; /* Минимальная высота кнопки */
            max-width: 44vw; /* Максимальная ширина кнопки */
            width: 100%; /* Ширина кнопки */
            margin: 1vh auto; /* Отступы сверху и снизу */
            position: relative; /* Важно для позиционирования псевдоэлементов */
            justify-content: flex-start; /* Выравнивание по левому краю */
            gap: 3vw;
            white-space: nowrap;
        }

        .section-button:hover {
            background-color: #9AB7D2; /* Меняем цвет фона при наведении */
            transform: scale(1.05); /* Увеличиваем размер кнопки при наведении */
        }


        .right-button.login:hover, /* Анимация для кнопки Login */
        .language-button:hover { /* Анимация для кнопки Language */
            background-color: #426F99;
            transform: scale(1.1);
            transition: background-color 0.3s ease, transform 0.3s ease;
            opacity: 1;
        }

        .input-container button:hover { /* Анимация для кнопки Check */
            background-color: #9AB7D2; /* Более темный оттенок при наведении */
        }


        .section-button::before { /* Стили для иконки */
            content: '';
            display: inline-block; /* Чтобы можно было добавить отступ справа */
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            width: 2em;
            height: 2em;
            margin-right: 1vw; /* Отступ справа от иконки */
            margin-left: 0.2em;
        }


        .section-button.awizacja::before {
            background-image: url('../images/awizacja_icon.png');
        }

        .section-button.infofdrivers::before {
            background-image: url('../images/info_icon.png');
        }

        .section-button::after { /* Стили для разделительной линии */
            content: '';
            position: absolute;
            left: 9.5vw; /* Положение слева от иконки */
            top: 50%;
            transform: translateY(-50%);
            width: 0.3vh;
            height: 65%;
            background-color: #fff; /* Цвет линии */
        }


        .container4 {
            display: flex; /* Включаем flexbox */
            align-items: flex-start; /* Выравниваем элементы по верхнему краю */
        }

        .container4 .half.left {
            display: block; /* Возвращаем отображение левого блока */
            width: auto; /* Автоматическая ширина для блока с инструкцией */
            margin-right: 2vh; /* Добавляем отступ справа для разделения блоков */
        }

        .container4 .half.right {
            width: auto; /* Автоматическая ширина для формы */
            flex-grow: 1; /* Позволяем форме занимать оставшееся пространство */
            background-color: rgba(133, 160, 185, 0.95); /* Фон окошка */
            padding: 1.2em; /* Внутренние отступы */
            border-radius: 0.5em; /* Закругленные углы */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Необязательно: добавляем легкую тень */
            margin-top: 3vh;
            font-size: 1em;

        }


        .text-info1 {
            width: 75%;
            max-width: 20em;
            font-size: 1.6em;
            line-height: 1.5;
            /* Убираем background-color из основного элемента */
            padding: 1.5em;
            border-radius: 0.5em;
            position: relative;
            top: -2vh;
            left: 1.5vw;


        }

        /* Добавляем псевдоэлемент для фона */
        .text-info1::before {
            content: ''; /* Обязательное свойство для псевдоэлементов */
            position: absolute;
            top: 5vh;
            left: 1vh;
            right: 3vh;
            bottom: 7vh;
            background-color: rgba(133, 160, 185, 0.95); /* Устанавливаем фон на псевдоэлементе */
            border-radius: 0.5em; /* Повторяем скругление углов */
            z-index: -1; /* Помещаем фон позади текста */

        }


        #formTitle {
            font-weight: 600;
            font-size: 2vw; /* Размер текста с использованием единиц vw для адаптивности */
            font-weight: bold; /* Жирное начертание */
            color: #333; /* Цвет текста */
            margin-bottom: 2vh; /* Отступ снизу для разделения с формой */
        }


        .form-group {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        #awizacjaForm #submitButton { /* Селектор для кнопки submit в форме awizacja */
            padding: 0.5vh 1vh; /* Увеличиваем отступы для увеличения размера кнопки */
            background-color: #426F99; /* Устанавливаем новый цвет фона (например, темно-бирюзовый) */
            color: #000000;
            font-size: 1em; /* Увеличиваем размер шрифта */
            border: none;
            border-radius: 0.5vh;
            cursor: pointer;
            margin-top: 1vh;
        }

        .form-group input,
        .form-group select {
            background-color: #e0e0e0;
            padding: 6px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        .form-group button {
            padding: 10px;
            background-color: #005f6b;
            color: #fff;
            border: none;
            border-radius: 5px;
        }


        .container3 {
            display: flex;
            align-items: flex-start; /* Выравниваем элементы по верхнему краю */
            margin-left: 4vh;
            max-width: 100%; /* Ограничиваем максимальную ширину контейнера */
        }


        .text-info {
            width: 33.5%;
            max-width: 100vh;
            font-size: 1.6em;
            line-height: 1.5;
            background-color: rgba(133, 160, 185, 0.95);
            padding: 1em; /* Сохраняем отступы по бокам */
            padding-top: 0em; /* Уменьшаем фон сверху */
            padding-bottom: 0em; /* Уменьшаем фон снизу */
            border-radius: 0.5em;
            text-align: left;
            /* min-height: 60vh; Удаляем min-height */
            position: relative;
        }


        .text-info::after {
            content: '';
            position: absolute;
            top: 0vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
            right: -5vh; /* Позиционируем линию ровно посередине между блоками */
            bottom: 0vh; /* Отступ снизу */
            width: 0.3vh;
            height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
            background-color: #fff;
        }


        #confirmation {
            text-align: center;
            width: 50%;
            float: none;
            display: flex;
            flex-direction: column;
            gap: 2vh;
        }


        #confirmation .button {
            min-height: 16vh;
            max-width: 40vw;
            width: 100%;
            margin-left: 9.5vh;
            padding: 0.5vw 1vw;
            background-color: rgba(133, 160, 185, 0.8);
            color: #000000;
            border: none;
            border-radius: 1vw;
            font-size: 3vw;
            display: flex;
            align-items: center;
            justify-content: flex-start; /* Выравнивание по левому краю */
            gap: 3vw;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        #confirmation .button:hover {
            background-color: #9AB7D2;
            transform: scale(1.05);
        }

        #confirmation .button img {
            width: 2em;
            height: 2em;
            margin-right: 1vw;
            margin-left: 1vw; /* Отрицательный отступ слева */
        }


        #confirmation .button span {
            font-size: 1em; /* Размер текста кнопки */
        }


        .half.left::before {
            content: '';
            position: absolute;
            top: 5vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
            right: 9.5vh; /* Позиционируем линию ровно посередине между блоками */
            bottom: 5vh; /* Отступ снизу */
            width: 0.3vh;
            height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
            background-color: #fff;
        }


        #section2 .half.left::before {
            content: '';
            position: absolute;
            top: 3vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
            right: 4.5vh; /* Позиционируем линию ровно посередине между блоками */
            bottom: 9vh; /* Отступ снизу */
            width: 0.3vh;
            height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
            background-color: #fff;

        }


        .half {
            position: relative; /* Чтобы псевдоэлемент позиционировался относительно .half */
            /* ... остальные стили ... */
        }


        .half.right {
            margin-left: -1.2vw; /* Отрицательный отступ слева */
        }

        .container1 #result p {
            font-size: 2em; /* Увеличиваем размер шрифта */
        }


        #section3 h2 {
            /* Или другое значение в зависимости от желаемого сдвига */
            color: #00000000;
        }


        @media (min-width: 1600px) and (min-height: 900px) {

            * {
                font-family: Inria Serif, i-serif;
            }

            body {
                margin: 0;
                background-image: url('../images/backgroundindex.jpg'); /* Background image */
                background-size: cover;
                background-attachment: fixed;
            }

            .container {
                width: 100%;
                padding: 20px;
                box-sizing: border-box;
            }

            .header {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                height: 80px;
            }

            .top-right {
                display: flex;
                gap: 10px;
            }

            .top-button {
                padding: 10px 20px;
                background-color: #333;
                color: #fff;
                text-decoration: none;
                border-radius: 5px;
            }

            .language-selector {
                position: relative; /* Устанавливаем позиционирование для родительского элемента */
                z-index: 1; /* Устанавливаем z-index для родительского элемента */
            }

            .logist-mode .top-right {
                padding: 10px 20px;
                background-color: #333;
                color: #fff;
                text-decoration: none;
                border-radius: 5px;
            }

            .language-menu {
                position: absolute;
                top: 100%; /* Позиционируем меню под кнопкой */
                left: 0;
                background-color: #426F99;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                border-radius: 5px;
                overflow: hidden;
                z-index: 2; /* Устанавливаем z-index выше, чем у других элементов */
                min-width: 5em; /* Минимальная ширина меню */
            }

            .language-menu button {
                display: block;
                width: 100%;
                padding: 0.8em; /* Уменьшаем отступы внутри кнопок меню */
                background-color: #426F99;
                border: none;
                text-align: left;
                font-size: 2em; /* Устанавливаем размер шрифта кнопок меню */
            }

            .language-menu button:hover {
                background-color: #f0f0f0;
            }

            .main-menu {
                display: flex;
                justify-content: center;
                gap: 20px;
                margin-top: 20px;
            }

            .menu-button {
                padding: 1vw 2vw;
                background-color: rgba(0, 95, 107, 0.8);
                color: #fff;
                border: none;
                border-radius: 0.5vw;
                display: flex;
                align-items: center;
                gap: 1vw;
            }

            .menu-button img {
                height: 2vw;
                width: 2vw;
            }

            .section {
                height: 100vh;
                padding: 4vh 2vh;
                box-sizing: border-box;
            }

            .header-title {
                font-family: Inria Serif, i-serif;
                text-align: center;
                font-size: 4vw; /* Увеличенный размер текста, адаптируется к размеру окна */
                color: #000000;
                margin-top: -15vh;
                padding: 20px;
                background-color: rgba(235, 240, 251, 0.8); /* Измените прозрачность здесь */
                width: 100%; /* Растягивает рамку на всю ширину */
                box-sizing: border-box; /* Включает padding и border в общую ширину */
                position: sticky; /* Зафиксировать позицию */
                top: 0; /* Переместить в самый верх */
                left: 0; /* Переместить в самый верх */
                z-index: 1000; /* Обеспечивает отображение заголовка поверх других элементов */


            }

            #section1 {
                height: 100vh;
                padding: 0; /* Убираем отступ сверху */
                box-sizing: border-box;
            }


            #section1 .half { /* Отрицательный отступ для элементов внутри секции */
                margin-top: 3vh;
            }

            .half {
                width: 50%;
                float: left;
                box-sizing: border-box;
            }

            .container1 {
                font-family: Inria Serif, i-serif;
                background-color: #879FB5;
                padding: 2vw; /* Внутренние отступы с использованием единиц vw */
                border-radius: 1vw; /* Закругленные углы с использованием единиц vw */
                width: 70%; /* Ширина контейнера относительно родителя */
                max-width: 80vw; /* Максимальная ширина контейнера относительно размера окна */
                margin: 5vh 0 5vh 3vw; /* Центрирование и отступ сверху и снизу */
                text-align: center;
                box-sizing: border-box; /* Включает padding и border в общую ширину */
                min-height: 70vh; /* Минимальная высота контейнера в зависимости от высоты окна */
            }

            .input-container {
                font-family: Inria Serif, i-serif;
                display: flex; /* Размещаем элементы в одну линию */
                align-items: center; /* Выравниваем элементы по вертикали */
                justify-content: center; /* Выравниваем элементы по горизонтали */
                gap: 1vw; /* Расстояние между полем и кнопкой */
            }

            .input-container input {
                font-family: Inria Serif, i-serif;
                padding: 1vw; /* Внутренние отступы с использованием единиц vw */
                border: 0.1vw solid #ccc; /* Граница элемента с использованием единиц vw */
                border-radius: 0.5vw; /* Закругленные углы с использованием единиц vw */
                font-size: 1.5vw; /* Размер текста с использованием единиц vw */
                width: auto; /* Автоматическая ширина под размер текста */
                box-sizing: border-box;
                min-height: 5vh; /* Минимальная высота поля ввода */
                flex: 1; /* Разрешаем полю ввода занимать все доступное пространство */
            }

            .input-container button {

                padding: 1vw; /* Внутренние отступы для кнопки */
                background-color: #426F99; /* Цвет фона кнопки */
                color: #000000; /* Цвет текста кнопки */
                border: none; /* Убираем границу */
                border-radius: 0.5vw; /* Закругленные углы кнопки */
                font-size: 1.5vw; /* Увеличиваем размер текста кнопки */
                cursor: pointer; /* Курсор указывает на возможность клика */
                min-height: 5vh; /* Увеличиваем минимальную высоту кнопки */
                white-space: nowrap; /* Запрещаем перенос текста на новую строку */
                flex: 0 0 auto; /* Запрещаем кнопке растягиваться */
            }

            .button-container {
                text-align: center;
                display: flex; /* Выравниваем элементы в линию */
                flex-direction: column; /* Размещаем элементы в колонку */
                align-items: flex-start; /* Центрируем элементы по горизонтали */
                gap: 1.5vw; /* Расстояние между элементами */
                margin-top: 5vh; /* Отступ сверху для выравнивания */

            }

            .right-button-container {
                display: flex;
                justify-content: center;
                gap: 2vw; /* Расстояние между кнопками */
                margin-bottom: 2vh; /* Отступ снизу */
                align-items: flex-start; /* Выравнивание элементов по верхнему краю */

            }

            .right-button.login {
                opacity: 0.90;
                font-weight: 500;
                padding: 0.3em 14.5vw; /* Внутренние отступы */
                background-color: #426F99; /* Цвет фона */
                color: #000000; /* Цвет текста */
                border: none; /* Убираем границу */
                border-radius: 1vw; /* Закругленные углы */
                font-size: 3vw; /* Размер текста */
                width: auto; /* Автоматическая ширина */
                min-height: 7vh; /* Минимальная высота */
                display: flex; /* Выравнивание контента по вертикали */
                align-items: center; /* Центрирование контента по вертикали */
                justify-content: center; /* Центрирование контента по горизонтали */
                text-decoration: none; /* Убираем подчеркивание */
                margin-left: 5.5vh;
            }

            .language-button {
                opacity: 0.90;
                font-weight: 800;
                padding: 1.5vw 1.5vw; /* Внутренние отступы */
                background-color: #426F99; /* Цвет фона */
                color: #000000; /* Цвет текста */
                border: none; /* Убираем границу */
                border-radius: 1vw; /* Закругленные углы */
                font-size: 2vw; /* Размер текста */
                width: auto; /* Автоматическая ширина */
                min-height: 7vh; /* Минимальная высота */
                display: flex; /* Выравнивание контента по вертикали */
                align-items: center; /* Центрирование контента по вертикали */
                justify-content: center; /* Центрирование контента по горизонтали */
                text-decoration: none; /* Убираем подчеркивание */
            }

            .right-button {
                padding: 1.5vw 3vw; /* Увеличенные отступы для кнопок */
                background-color: #426F99;
                color: #000000;
                border: none;
                border-radius: 1vw; /* Закругленные углы кнопок */
                font-size: 2vw; /* Увеличенный размер текста */
            }


            .section-button {
                transition: background-color 0.3s ease, transform 0.3s ease;
                background-color: rgba(133, 160, 185, 0.8); /* Цвет фона кнопки */
                border-radius: 1vw; /* Закругленные углы */
                padding: 0.5vw 1vw; /* Внутренние отступы */
                border: none; /* Без границы */
                color: #000000; /* Цвет текста */
                display: flex; /* Flexbox для выравнивания элементов */
                align-items: center; /* Вертикальное выравнивание по центру */
                font-size: 3vw; /* Размер текста */
                min-height: 16vh; /* Минимальная высота кнопки */
                max-width: 44vw; /* Максимальная ширина кнопки */
                width: 100%; /* Ширина кнопки */
                margin: 1vh auto; /* Отступы сверху и снизу */
                position: relative; /* Важно для позиционирования псевдоэлементов */
                justify-content: flex-start; /* Выравнивание по левому краю */
                gap: 3vw;
                white-space: nowrap;
            }

            .section-button:hover {
                background-color: #9AB7D2; /* Меняем цвет фона при наведении */
                transform: scale(1.05); /* Увеличиваем размер кнопки при наведении */
            }


            .right-button.login:hover, /* Анимация для кнопки Login */
            .language-button:hover { /* Анимация для кнопки Language */
                background-color: #426F99;
                transform: scale(1.1);
                transition: background-color 0.3s ease, transform 0.3s ease;
                opacity: 1;
            }

            .input-container button:hover { /* Анимация для кнопки Check */
                background-color: #9AB7D2; /* Более темный оттенок при наведении */
            }


            .section-button::before { /* Стили для иконки */
                content: '';
                display: inline-block; /* Чтобы можно было добавить отступ справа */
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 2em;
                height: 2em;
                margin-right: 1vw; /* Отступ справа от иконки */
                margin-left: 0.2em;
            }


            .section-button.awizacja::before {
                background-image: url('../images/awizacja_icon.png');
            }

            .section-button.infofdrivers::before {
                background-image: url('../images/info_icon.png');
            }

            .section-button::after { /* Стили для разделительной линии */
                content: '';
                position: absolute;
                left: 9.5vw; /* Положение слева от иконки */
                top: 50%;
                transform: translateY(-50%);
                width: 0.3vh;
                height: 65%;
                background-color: #fff; /* Цвет линии */
            }


            .container4 {
                display: flex; /* Включаем flexbox */
                align-items: flex-start; /* Выравниваем элементы по верхнему краю */
            }

            .container4 .half.left {
                display: block; /* Возвращаем отображение левого блока */
                width: auto; /* Автоматическая ширина для блока с инструкцией */
                margin-right: 2vh; /* Добавляем отступ справа для разделения блоков */
            }

            .container4 .half.right {
                width: auto; /* Автоматическая ширина для формы */
                flex-grow: 1; /* Позволяем форме занимать оставшееся пространство */
                background-color: rgba(133, 160, 185, 0.95); /* Фон окошка */
                padding: 1.2em; /* Внутренние отступы */
                border-radius: 0.5em; /* Закругленные углы */
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Необязательно: добавляем легкую тень */
                margin-top: 3vh;
                font-size: 1em;

            }


            .text-info1 {
                width: 75%;
                max-width: 20em;
                font-size: 1.6em;
                line-height: 1.5;
                /* Убираем background-color из основного элемента */
                padding: 1.5em;
                border-radius: 0.5em;
                position: relative;
                top: -2vh;
                left: 1.5vw;


            }

            /* Добавляем псевдоэлемент для фона */
            .text-info1::before {
                content: ''; /* Обязательное свойство для псевдоэлементов */
                position: absolute;
                top: 5vh;
                left: 1vh;
                right: 3vh;
                bottom: 7vh;
                background-color: rgba(133, 160, 185, 0.95); /* Устанавливаем фон на псевдоэлементе */
                border-radius: 0.5em; /* Повторяем скругление углов */
                z-index: -1; /* Помещаем фон позади текста */

            }


            #formTitle {
                font-weight: 600;
                font-size: 2vw; /* Размер текста с использованием единиц vw для адаптивности */
                font-weight: bold; /* Жирное начертание */
                color: #333; /* Цвет текста */
                margin-bottom: 2vh; /* Отступ снизу для разделения с формой */
            }


            .form-group {
                display: flex;
                flex-direction: column;
                gap: 10px;
            }

            #awizacjaForm #submitButton { /* Селектор для кнопки submit в форме awizacja */
                padding: 0.5vh 1vh; /* Увеличиваем отступы для увеличения размера кнопки */
                background-color: #426F99; /* Устанавливаем новый цвет фона (например, темно-бирюзовый) */
                color: #000000;
                font-size: 1em; /* Увеличиваем размер шрифта */
                border: none;
                border-radius: 0.5vh;
                cursor: pointer;
                margin-top: 1vh;
            }

            .form-group input,
            .form-group select {
                background-color: #e0e0e0;
                padding: 6px;
                border: 1px solid #ccc;
                border-radius: 5px;
            }

            .form-group button {
                padding: 10px;
                background-color: #005f6b;
                color: #fff;
                border: none;
                border-radius: 5px;
            }


            .container3 {
                display: flex;
                align-items: flex-start; /* Выравниваем элементы по верхнему краю */
                margin-left: 4vh;
                max-width: 100%; /* Ограничиваем максимальную ширину контейнера */
            }


            .text-info {
                width: 28%;
                max-width: 100vh;
                font-size: 1.6em;
                line-height: 1.5;
                background-color: rgba(133, 160, 185, 0.95);
                padding: 1em; /* Сохраняем отступы по бокам */
                padding-top: 0em; /* Уменьшаем фон сверху */
                padding-bottom: 0em; /* Уменьшаем фон снизу */
                border-radius: 0.5em;
                text-align: left;
                /* min-height: 60vh; Удаляем min-height */
                position: relative;
            }


            .text-info::after {
                content: '';
                position: absolute;
                top: 0vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                right: -5vh; /* Позиционируем линию ровно посередине между блоками */
                bottom: 0vh; /* Отступ снизу */
                width: 0.3vh;
                height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                background-color: #fff;
            }


            #confirmation {
                text-align: center;
                width: 50%;
                float: none;
                display: flex;
                flex-direction: column;
                gap: 2vh;
            }


            #confirmation .button {
                min-height: 16vh;
                max-width: 40vw;
                width: 100%;
                margin-left: 9.5vh;
                padding: 0.5vw 1vw;
                background-color: rgba(133, 160, 185, 0.8);
                color: #000000;
                border: none;
                border-radius: 1vw;
                font-size: 3vw;
                display: flex;
                align-items: center;
                justify-content: flex-start; /* Выравнивание по левому краю */
                gap: 3vw;
                transition: background-color 0.3s ease, transform 0.3s ease;
            }

            #confirmation .button:hover {
                background-color: #9AB7D2;
                transform: scale(1.05);
            }

            #confirmation .button img {
                width: 2em;
                height: 2em;
                margin-right: 1vw;
                margin-left: 1vw; /* Отрицательный отступ слева */
            }


            #confirmation .button span {
                font-size: 1em; /* Размер текста кнопки */
            }


            .half.left::before {
                content: '';
                position: absolute;
                top: 5vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                right: 9.5vh; /* Позиционируем линию ровно посередине между блоками */
                bottom: 5vh; /* Отступ снизу */
                width: 0.3vh;
                height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                background-color: #fff;
            }


            #section2 .half.left::before {
                content: '';
                position: absolute;
                top: 3vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                right: 4.5vh; /* Позиционируем линию ровно посередине между блоками */
                bottom: 9vh; /* Отступ снизу */
                width: 0.3vh;
                height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                background-color: #fff;

            }


            .half {
                position: relative; /* Чтобы псевдоэлемент позиционировался относительно .half */
                /* ... остальные стили ... */
            }


            .half.right {
                margin-left: -1.2vw; /* Отрицательный отступ слева */
            }

            .container1 #result p {
                font-size: 2em; /* Увеличиваем размер шрифта */
            }


            #section3 h2 {
                /* Или другое значение в зависимости от желаемого сдвига */
                color: #00000000;
            }


            @media (min-width: 1920px) and (min-height: 1080px) {

                * {
                    font-family: Inria Serif, i-serif;
                }

                body {
                    margin: 0;
                    background-image: url('../images/backgroundindex.jpg'); /* Background image */
                    background-size: cover;
                    background-attachment: fixed;
                }

                .container {
                    width: 100%;
                    padding: 2%;
                    box-sizing: border-box;
                }

                .header {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    height: 8%;
                }

                .top-right {
                    display: flex;
                    gap: 1%;
                }

                .top-button {
                    padding: 1% 2%;
                    background-color: #333;
                    color: #fff;
                    text-decoration: none;
                    border-radius: 0.5%;
                }

                .language-selector {
                    position: relative; /* Устанавливаем позиционирование для родительского элемента */
                    z-index: 1; /* Устанавливаем z-index для родительского элемента */
                }


                .language-menu {
                    position: absolute;
                    top: 100%; /* Позиционируем меню под кнопкой */
                    left: 0;
                    background-color: #426F99;
                    box-shadow: 0 0 1vh rgba(0, 0, 0, 0.1);
                    border-radius: 0.5vh;
                    overflow: hidden;
                    z-index: 2; /* Устанавливаем z-index выше, чем у других элементов */
                    min-width: 5em; /* Минимальная ширина меню */
                }

                .language-menu button {
                    display: block;
                    width: 100%;
                    padding: 0.8em; /* Уменьшаем отступы внутри кнопок меню */
                    background-color: #426F99;
                    border: none;
                    text-align: left;
                    font-size: 2em; /* Устанавливаем размер шрифта кнопок меню */
                }

                .language-menu button:hover {
                    background-color: #f0f0f0;
                }

                .main-menu {
                    display: flex;
                    justify-content: center;
                    gap: 2vh;
                    margin-top: 2vh;
                }

                .menu-button {
                    padding: 1vw 2vw;
                    background-color: rgba(0, 95, 107, 0.8);
                    color: #fff;
                    border: none;
                    border-radius: 0.5vw;
                    display: flex;
                    align-items: center;
                    gap: 1vw;
                }

                .menu-button img {
                    height: 2vw;
                    width: 2vw;
                }

                .section {
                    height: 100vh;
                    padding: 4vh 2vh;
                    box-sizing: border-box;
                }

                .header-title {
                    font-family: Inria Serif, i-serif;
                    text-align: center;
                    font-size: 4vw; /* Увеличенный размер текста, адаптируется к размеру окна */
                    color: #000000;
                    margin-top: -15vh;
                    padding: 2vh;
                    background-color: rgba(235, 240, 251, 0.8); /* Измените прозрачность здесь */
                    width: 100%; /* Растягивает рамку на всю ширину */
                    box-sizing: border-box; /* Включает padding и border в общую ширину */
                    position: sticky; /* Зафиксировать позицию */
                    top: 0; /* Переместить в самый верх */
                    left: 0; /* Переместить в самый верх */
                    z-index: 1000; /* Обеспечивает отображение заголовка поверх других элементов */


                }

                #section1 {
                    height: 100vh;
                    padding: 0; /* Убираем отступ сверху */
                    box-sizing: border-box;
                    margin-left: 1.5vh;
                }


                #section1 .half { /* Отрицательный отступ для элементов внутри секции */
                    margin-top: 3vh;
                }

                .half {
                    width: 50%;
                    float: left;
                    box-sizing: border-box;
                }

                .container1 {
                    font-family: Inria Serif, i-serif;
                    background-color: #879FB5;
                    padding: 2vw; /* Внутренние отступы с использованием единиц vw */
                    border-radius: 1vw; /* Закругленные углы с использованием единиц vw */
                    width: 70%; /* Ширина контейнера относительно родителя */
                    max-width: 80vw; /* Максимальная ширина контейнера относительно размера окна */
                    margin: 5vh 0 5vh 3vw; /* Центрирование и отступ сверху и снизу */
                    text-align: center;
                    box-sizing: border-box; /* Включает padding и border в общую ширину */
                    min-height: 70vh; /* Минимальная высота контейнера в зависимости от высоты окна */
                }

                .input-container {
                    font-family: Inria Serif, i-serif;
                    display: flex; /* Размещаем элементы в одну линию */
                    align-items: center; /* Выравниваем элементы по вертикали */
                    justify-content: center; /* Выравниваем элементы по горизонтали */
                    gap: 1vw; /* Расстояние между полем и кнопкой */
                }

                .input-container input {
                    font-family: Inria Serif, i-serif;
                    padding: 1vw; /* Внутренние отступы с использованием единиц vw */
                    border: 0.1vw solid #ccc; /* Граница элемента с использованием единиц vw */
                    border-radius: 0.5vw; /* Закругленные углы с использованием единиц vw */
                    font-size: 1.5vw; /* Размер текста с использованием единиц vw */
                    width: auto; /* Автоматическая ширина под размер текста */
                    box-sizing: border-box;
                    min-height: 5vh; /* Минимальная высота поля ввода */
                    flex: 1; /* Разрешаем полю ввода занимать все доступное пространство */
                }

                .input-container button {

                    padding: 1vw; /* Внутренние отступы для кнопки */
                    background-color: #426F99; /* Цвет фона кнопки */
                    color: #000000; /* Цвет текста кнопки */
                    border: none; /* Убираем границу */
                    border-radius: 0.5vw; /* Закругленные углы кнопки */
                    font-size: 1.5vw; /* Увеличиваем размер текста кнопки */
                    cursor: pointer; /* Курсор указывает на возможность клика */
                    min-height: 5vh; /* Увеличиваем минимальную высоту кнопки */
                    white-space: nowrap; /* Запрещаем перенос текста на новую строку */
                    flex: 0 0 auto; /* Запрещаем кнопке растягиваться */
                }

                .button-container {
                    text-align: center;
                    display: flex; /* Выравниваем элементы в линию */
                    flex-direction: column; /* Размещаем элементы в колонку */
                    align-items: flex-start; /* Центрируем элементы по горизонтали */
                    gap: 1.5vw; /* Расстояние между элементами */
                    margin-top: 5vh; /* Отступ сверху для выравнивания */

                }

                .right-button-container {
                    display: flex;
                    justify-content: center;
                    gap: 2vw; /* Расстояние между кнопками */
                    margin-bottom: 2vh; /* Отступ снизу */
                    align-items: flex-start; /* Выравнивание элементов по верхнему краю */

                }

                .right-button.login {
                    opacity: 0.90;
                    font-weight: 500;
                    padding: 0.3em 14.5vw; /* Внутренние отступы */
                    background-color: #426F99; /* Цвет фона */
                    color: #000000; /* Цвет текста */
                    border: none; /* Убираем границу */
                    border-radius: 1vw; /* Закругленные углы */
                    font-size: 3vw; /* Размер текста */
                    width: auto; /* Автоматическая ширина */
                    min-height: 7vh; /* Минимальная высота */
                    display: flex; /* Выравнивание контента по вертикали */
                    align-items: center; /* Центрирование контента по вертикали */
                    justify-content: center; /* Центрирование контента по горизонтали */
                    text-decoration: none; /* Убираем подчеркивание */
                    margin-left: 5.5vh;
                }

                .language-button {
                    opacity: 0.90;
                    font-weight: 800;
                    padding: 1.5vw 1.5vw; /* Внутренние отступы */
                    background-color: #426F99; /* Цвет фона */
                    color: #000000; /* Цвет текста */
                    border: none; /* Убираем границу */
                    border-radius: 1vw; /* Закругленные углы */
                    font-size: 2vw; /* Размер текста */
                    width: auto; /* Автоматическая ширина */
                    min-height: 7vh; /* Минимальная высота */
                    display: flex; /* Выравнивание контента по вертикали */
                    align-items: center; /* Центрирование контента по вертикали */
                    justify-content: center; /* Центрирование контента по горизонтали */
                    text-decoration: none; /* Убираем подчеркивание */
                }

                .right-button {
                    padding: 1.5vw 3vw; /* Увеличенные отступы для кнопок */
                    background-color: #426F99;
                    color: #000000;
                    border: none;
                    border-radius: 1vw; /* Закругленные углы кнопок */
                    font-size: 2vw; /* Увеличенный размер текста */
                }


                .section-button {
                    transition: background-color 0.3s ease, transform 0.3s ease;
                    background-color: rgba(133, 160, 185, 0.8); /* Цвет фона кнопки */
                    border-radius: 1vw; /* Закругленные углы */
                    padding: 0.5vw 1vw; /* Внутренние отступы */
                    border: none; /* Без границы */
                    color: #000000; /* Цвет текста */
                    display: flex; /* Flexbox для выравнивания элементов */
                    align-items: center; /* Вертикальное выравнивание по центру */
                    font-size: 3vw; /* Размер текста */
                    min-height: 16vh; /* Минимальная высота кнопки */
                    max-width: 44vw; /* Максимальная ширина кнопки */
                    width: 100%; /* Ширина кнопки */
                    margin: 1vh auto; /* Отступы сверху и снизу */
                    position: relative; /* Важно для позиционирования псевдоэлементов */
                    justify-content: flex-start; /* Выравнивание по левому краю */
                    gap: 3vw;
                    white-space: nowrap;
                }

                .section-button:hover {
                    background-color: #9AB7D2; /* Меняем цвет фона при наведении */
                    transform: scale(1.05); /* Увеличиваем размер кнопки при наведении */
                }


                .right-button.login:hover, /* Анимация для кнопки Login */
                .language-button:hover { /* Анимация для кнопки Language */
                    background-color: #426F99;
                    transform: scale(1.1);
                    transition: background-color 0.3s ease, transform 0.3s ease;
                    opacity: 1;
                }

                .input-container button:hover { /* Анимация для кнопки Check */
                    background-color: #9AB7D2; /* Более темный оттенок при наведении */
                }


                .section-button::before { /* Стили для иконки */
                    content: '';
                    display: inline-block; /* Чтобы можно было добавить отступ справа */
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    width: 2em;
                    height: 2em;
                    margin-right: 1vw; /* Отступ справа от иконки */
                    margin-left: 0.2em;
                }


                .section-button.awizacja::before {
                    background-image: url('../images/awizacja_icon.png');
                }

                .section-button.infofdrivers::before {
                    background-image: url('../images/info_icon.png');
                }

                .section-button::after { /* Стили для разделительной линии */
                    content: '';
                    position: absolute;
                    left: 9.5vw; /* Положение слева от иконки */
                    top: 50%;
                    transform: translateY(-50%);
                    width: 0.3vh;
                    height: 65%;
                    background-color: #fff; /* Цвет линии */
                }


                .container4 {
                    display: flex; /* Включаем flexbox */
                    align-items: flex-start; /* Выравниваем элементы по верхнему краю */
                }

                .container4 .half.left {
                    display: block; /* Возвращаем отображение левого блока */
                    width: auto; /* Автоматическая ширина для блока с инструкцией */
                    margin-right: 2vh; /* Добавляем отступ справа для разделения блоков */
                }

                .container4 .half.right {
                    width: auto; /* Автоматическая ширина для формы */
                    flex-grow: 1; /* Позволяем форме занимать оставшееся пространство */
                    background-color: rgba(133, 160, 185, 0.95); /* Фон окошка */
                    padding: 1.2em; /* Внутренние отступы */
                    border-radius: 0.5em; /* Закругленные углы */
                    box-shadow: 0 0.2vh 0.5vh rgba(0, 0, 0, 0.1); /* Необязательно: добавляем легкую тень */
                    margin-top: 3vh;
                    font-size: 1.4em;

                }


                .text-info1 {
                    width: 75%;
                    max-width: 20em;
                    font-size: 2.1em;
                    line-height: 1.5;
                    /* Убираем background-color из основного элемента */
                    padding: 1.5em;
                    border-radius: 0.5em;
                    position: relative;
                    top: -2vh;
                    left: 1.5vw;


                }

                /* Добавляем псевдоэлемент для фона */
                .text-info1::before {
                    content: ''; /* Обязательное свойство для псевдоэлементов */
                    position: absolute;
                    top: 5vh;
                    left: 1vh;
                    right: 3vh;
                    bottom: 7vh;
                    background-color: rgba(133, 160, 185, 0.95); /* Устанавливаем фон на псевдоэлементе */
                    border-radius: 0.5em; /* Повторяем скругление углов */
                    z-index: -1; /* Помещаем фон позади текста */

                }


                #formTitle {
                    font-weight: 600;
                    font-size: 2vw; /* Размер текста с использованием единиц vw для адаптивности */
                    font-weight: bold; /* Жирное начертание */
                    color: #333; /* Цвет текста */
                    margin-bottom: 2vh; /* Отступ снизу для разделения с формой */
                }


                .form-group {
                    display: flex;
                    flex-direction: column;
                    gap: 1vh;
                }

                #awizacjaForm #submitButton { /* Селектор для кнопки submit в форме awizacja */
                    padding: 0.5vh 1vh; /* Увеличиваем отступы для увеличения размера кнопки */
                    background-color: #426F99; /* Устанавливаем новый цвет фона (например, темно-бирюзовый) */
                    color: #000000;
                    font-size: 1em; /* Увеличиваем размер шрифта */
                    border: none;
                    border-radius: 0.5vh;
                    cursor: pointer;
                    margin-top: 1vh;
                }

                .form-group input,
                .form-group select {
                    background-color: #e0e0e0;
                    padding: 1vh;
                    border: 0.1vh solid #ccc;
                    border-radius: 0.5vh;
                }

                .form-group button {
                    padding: 0.1vh;
                    background-color: #005f6b;
                    color: #fff;
                    border: none;
                    border-radius: 0.5vh;
                }


                .container3 {
                    display: flex;
                    align-items: flex-start; /* Выравниваем элементы по верхнему краю */
                    margin-left: 4vh;
                    max-width: 100%; /* Ограничиваем максимальную ширину контейнера */
                }


                .text-info {
                    width: 30%;
                    max-width: 100vh;
                    font-size: 2.5em;
                    line-height: 1.5;
                    background-color: rgba(133, 160, 185, 0.95);
                    padding: 1em; /* Сохраняем отступы по бокам */
                    padding-top: 0em; /* Уменьшаем фон сверху */
                    padding-bottom: 0em; /* Уменьшаем фон снизу */
                    border-radius: 0.5em;
                    text-align: left;
                    /* min-height: 60vh; Удаляем min-height */
                    position: relative;
                }


                .text-info::after {
                    content: '';
                    position: absolute;
                    top: 0vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                    right: -5vh; /* Позиционируем линию ровно посередине между блоками */
                    bottom: 0vh; /* Отступ снизу */
                    width: 0.3vh;
                    height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                    background-color: #fff;
                }


                #confirmation {
                    text-align: center;
                    width: 50%;
                    float: none;
                    display: flex;
                    flex-direction: column;
                    gap: 2vh;
                }


                #confirmation .button {
                    min-height: 16vh;
                    max-width: 40vw;
                    width: 100%;
                    margin-left: 9.5vh;
                    padding: 0.5vw 1vw;
                    background-color: rgba(133, 160, 185, 0.8);
                    color: #000000;
                    border: none;
                    border-radius: 1vw;
                    font-size: 3vw;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start; /* Выравнивание по левому краю */
                    gap: 3vw;
                    transition: background-color 0.3s ease, transform 0.3s ease;
                }

                #confirmation .button:hover {
                    background-color: #9AB7D2;
                    transform: scale(1.05);
                }

                #confirmation .button img {
                    width: 2em;
                    height: 2em;
                    margin-right: 1vw;
                    margin-left: 1vw; /* Отрицательный отступ слева */
                }


                #confirmation .button span {
                    font-size: 1em; /* Размер текста кнопки */
                }


                .half.left::before {
                    content: '';
                    position: absolute;
                    top: 5vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                    right: 9.5vh; /* Позиционируем линию ровно посередине между блоками */
                    bottom: 5vh; /* Отступ снизу */
                    width: 0.3vh;
                    height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                    background-color: #fff;
                }


                #section2 .half.left::before {
                    content: '';
                    position: absolute;
                    top: 3vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                    right: 4.5vh; /* Позиционируем линию ровно посередине между блоками */
                    bottom: 9vh; /* Отступ снизу */
                    width: 0.3vh;
                    height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                    background-color: #fff;

                }


                .half {
                    position: relative; /* Чтобы псевдоэлемент позиционировался относительно .half */
                    /* ... остальные стили ... */
                }


                .half.right {
                    margin-left: -1.2vw; /* Отрицательный отступ слева */
                }

                .container1 #result p {
                    font-size: 2em; /* Увеличиваем размер шрифта */
                }



                #section3 h2 {
                    /* Или другое значение в зависимости от желаемого сдвига */
                    color: #00000000;
                }
            }


            @media (min-width: 2560px) and (min-height: 1440px) {

                * {
                    font-family: Inria Serif, i-serif;
                }

                body {
                    margin: 0;
                    background-image: url('../images/backgroundindex.jpg'); /* Background image */
                    background-size: cover;
                    background-attachment: fixed;
                }

                .container {
                    width: 100%;
                    padding: 20px;
                    box-sizing: border-box;
                }

                .header {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    height: 80px;
                }

                .top-right {
                    display: flex;
                    gap: 10px;
                }

                .top-button {
                    padding: 10px 20px;
                    background-color: #333;
                    color: #fff;
                    text-decoration: none;
                    border-radius: 5px;
                }

                .language-selector {
                    position: relative; /* Устанавливаем позиционирование для родительского элемента */
                    z-index: 1; /* Устанавливаем z-index для родительского элемента */
                }


                .language-menu {
                    position: absolute;
                    top: 100%; /* Позиционируем меню под кнопкой */
                    left: 0;
                    background-color: #426F99;
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                    border-radius: 5px;
                    overflow: hidden;
                    z-index: 2; /* Устанавливаем z-index выше, чем у других элементов */
                    min-width: 5em; /* Минимальная ширина меню */
                }

                .language-menu button {
                    display: block;
                    width: 100%;
                    padding: 0.8em; /* Уменьшаем отступы внутри кнопок меню */
                    background-color: #426F99;
                    border: none;
                    text-align: left;
                    font-size: 2em; /* Устанавливаем размер шрифта кнопок меню */
                }

                .language-menu button:hover {
                    background-color: #f0f0f0;
                }

                .main-menu {
                    display: flex;
                    justify-content: center;
                    gap: 20px;
                    margin-top: 20px;
                }

                .menu-button {
                    padding: 1vw 2vw;
                    background-color: rgba(0, 95, 107, 0.8);
                    color: #fff;
                    border: none;
                    border-radius: 0.5vw;
                    display: flex;
                    align-items: center;
                    gap: 1vw;
                }

                .menu-button img {
                    height: 2vw;
                    width: 2vw;
                }

                .section {
                    height: 100vh;
                    padding: 4vh 2vh;
                    box-sizing: border-box;
                }

                .header-title {
                    font-family: Inria Serif, i-serif;
                    text-align: center;
                    font-size: 4vw; /* Увеличенный размер текста, адаптируется к размеру окна */
                    color: #000000;
                    margin-top: -15vh;
                    padding: 20px;
                    background-color: rgba(235, 240, 251, 0.8); /* Измените прозрачность здесь */
                    width: 100%; /* Растягивает рамку на всю ширину */
                    box-sizing: border-box; /* Включает padding и border в общую ширину */
                    position: sticky; /* Зафиксировать позицию */
                    top: 0; /* Переместить в самый верх */
                    left: 0; /* Переместить в самый верх */
                    z-index: 1000; /* Обеспечивает отображение заголовка поверх других элементов */


                }

                #section1 {
                    height: 100vh;
                    padding: 0; /* Убираем отступ сверху */
                    box-sizing: border-box;
                    margin-left: 1.5vh;
                }


                #section1 .half { /* Отрицательный отступ для элементов внутри секции */
                    margin-top: 3vh;
                }

                .half {
                    width: 50%;
                    float: left;
                    box-sizing: border-box;
                }

                .container1 {
                    font-family: Inria Serif, i-serif;
                    background-color: #879FB5;
                    padding: 2vw; /* Внутренние отступы с использованием единиц vw */
                    border-radius: 1vw; /* Закругленные углы с использованием единиц vw */
                    width: 70%; /* Ширина контейнера относительно родителя */
                    max-width: 80vw; /* Максимальная ширина контейнера относительно размера окна */
                    margin: 5vh 0 5vh 3vw; /* Центрирование и отступ сверху и снизу */
                    text-align: center;
                    box-sizing: border-box; /* Включает padding и border в общую ширину */
                    min-height: 70vh; /* Минимальная высота контейнера в зависимости от высоты окна */
                }

                .input-container {
                    font-family: Inria Serif, i-serif;
                    display: flex; /* Размещаем элементы в одну линию */
                    align-items: center; /* Выравниваем элементы по вертикали */
                    justify-content: center; /* Выравниваем элементы по горизонтали */
                    gap: 1vw; /* Расстояние между полем и кнопкой */
                }

                .input-container input {
                    font-family: Inria Serif, i-serif;
                    padding: 1vw; /* Внутренние отступы с использованием единиц vw */
                    border: 0.1vw solid #ccc; /* Граница элемента с использованием единиц vw */
                    border-radius: 0.5vw; /* Закругленные углы с использованием единиц vw */
                    font-size: 1.5vw; /* Размер текста с использованием единиц vw */
                    width: auto; /* Автоматическая ширина под размер текста */
                    box-sizing: border-box;
                    min-height: 5vh; /* Минимальная высота поля ввода */
                    flex: 1; /* Разрешаем полю ввода занимать все доступное пространство */
                }

                .input-container button {

                    padding: 1vw; /* Внутренние отступы для кнопки */
                    background-color: #426F99; /* Цвет фона кнопки */
                    color: #000000; /* Цвет текста кнопки */
                    border: none; /* Убираем границу */
                    border-radius: 0.5vw; /* Закругленные углы кнопки */
                    font-size: 1.5vw; /* Увеличиваем размер текста кнопки */
                    cursor: pointer; /* Курсор указывает на возможность клика */
                    min-height: 5vh; /* Увеличиваем минимальную высоту кнопки */
                    white-space: nowrap; /* Запрещаем перенос текста на новую строку */
                    flex: 0 0 auto; /* Запрещаем кнопке растягиваться */
                }

                .button-container {
                    text-align: center;
                    display: flex; /* Выравниваем элементы в линию */
                    flex-direction: column; /* Размещаем элементы в колонку */
                    align-items: flex-start; /* Центрируем элементы по горизонтали */
                    gap: 1.5vw; /* Расстояние между элементами */
                    margin-top: 5vh; /* Отступ сверху для выравнивания */

                }

                .right-button-container {
                    display: flex;
                    justify-content: center;
                    gap: 2vw; /* Расстояние между кнопками */
                    margin-bottom: 2vh; /* Отступ снизу */
                    align-items: flex-start; /* Выравнивание элементов по верхнему краю */

                }

                .right-button.login {
                    opacity: 0.90;
                    font-weight: 500;
                    padding: 0.3em 14.5vw; /* Внутренние отступы */
                    background-color: #426F99; /* Цвет фона */
                    color: #000000; /* Цвет текста */
                    border: none; /* Убираем границу */
                    border-radius: 1vw; /* Закругленные углы */
                    font-size: 3vw; /* Размер текста */
                    width: auto; /* Автоматическая ширина */
                    min-height: 7vh; /* Минимальная высота */
                    display: flex; /* Выравнивание контента по вертикали */
                    align-items: center; /* Центрирование контента по вертикали */
                    justify-content: center; /* Центрирование контента по горизонтали */
                    text-decoration: none; /* Убираем подчеркивание */
                    margin-left: 5.5vh;
                }

                .language-button {
                    opacity: 0.90;
                    font-weight: 800;
                    padding: 1.5vw 1.5vw; /* Внутренние отступы */
                    background-color: #426F99; /* Цвет фона */
                    color: #000000; /* Цвет текста */
                    border: none; /* Убираем границу */
                    border-radius: 1vw; /* Закругленные углы */
                    font-size: 2vw; /* Размер текста */
                    width: auto; /* Автоматическая ширина */
                    min-height: 7vh; /* Минимальная высота */
                    display: flex; /* Выравнивание контента по вертикали */
                    align-items: center; /* Центрирование контента по вертикали */
                    justify-content: center; /* Центрирование контента по горизонтали */
                    text-decoration: none; /* Убираем подчеркивание */
                }

                .right-button {
                    padding: 1.5vw 3vw; /* Увеличенные отступы для кнопок */
                    background-color: #426F99;
                    color: #000000;
                    border: none;
                    border-radius: 1vw; /* Закругленные углы кнопок */
                    font-size: 2vw; /* Увеличенный размер текста */
                }


                .section-button {
                    transition: background-color 0.3s ease, transform 0.3s ease;
                    background-color: rgba(133, 160, 185, 0.8); /* Цвет фона кнопки */
                    border-radius: 1vw; /* Закругленные углы */
                    padding: 0.5vw 1vw; /* Внутренние отступы */
                    border: none; /* Без границы */
                    color: #000000; /* Цвет текста */
                    display: flex; /* Flexbox для выравнивания элементов */
                    align-items: center; /* Вертикальное выравнивание по центру */
                    font-size: 3vw; /* Размер текста */
                    min-height: 16vh; /* Минимальная высота кнопки */
                    max-width: 44vw; /* Максимальная ширина кнопки */
                    width: 100%; /* Ширина кнопки */
                    margin: 1vh auto; /* Отступы сверху и снизу */
                    position: relative; /* Важно для позиционирования псевдоэлементов */
                    justify-content: flex-start; /* Выравнивание по левому краю */
                    gap: 3vw;
                    white-space: nowrap;
                }

                .section-button:hover {
                    background-color: #9AB7D2; /* Меняем цвет фона при наведении */
                    transform: scale(1.05); /* Увеличиваем размер кнопки при наведении */
                }


                .right-button.login:hover, /* Анимация для кнопки Login */
                .language-button:hover { /* Анимация для кнопки Language */
                    background-color: #426F99;
                    transform: scale(1.1);
                    transition: background-color 0.3s ease, transform 0.3s ease;
                    opacity: 1;
                }

                .input-container button:hover { /* Анимация для кнопки Check */
                    background-color: #9AB7D2; /* Более темный оттенок при наведении */
                }


                .section-button::before { /* Стили для иконки */
                    content: '';
                    display: inline-block; /* Чтобы можно было добавить отступ справа */
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    width: 2em;
                    height: 2em;
                    margin-right: 1vw; /* Отступ справа от иконки */
                    margin-left: 0.2em;
                }


                .section-button.awizacja::before {
                    background-image: url('../images/awizacja_icon.png');
                }

                .section-button.infofdrivers::before {
                    background-image: url('../images/info_icon.png');
                }

                .section-button::after { /* Стили для разделительной линии */
                    content: '';
                    position: absolute;
                    left: 9.5vw; /* Положение слева от иконки */
                    top: 50%;
                    transform: translateY(-50%);
                    width: 0.3vh;
                    height: 65%;
                    background-color: #fff; /* Цвет линии */
                }


                .container4 {
                    display: flex; /* Включаем flexbox */
                    align-items: flex-start; /* Выравниваем элементы по верхнему краю */
                }

                .container4 .half.left {
                    display: block; /* Возвращаем отображение левого блока */
                    width: auto; /* Автоматическая ширина для блока с инструкцией */
                    margin-right: 2vh; /* Добавляем отступ справа для разделения блоков */
                }

                .container4 .half.right {
                    width: auto; /* Автоматическая ширина для формы */
                    flex-grow: 1; /* Позволяем форме занимать оставшееся пространство */
                    background-color: rgba(133, 160, 185, 0.95); /* Фон окошка */
                    padding: 1.2em; /* Внутренние отступы */
                    border-radius: 0.5em; /* Закругленные углы */
                    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Необязательно: добавляем легкую тень */
                    margin-top: 3vh;
                    font-size: 2.5em;

                }


                .text-info1 {
                    width: 75%;
                    max-width: 20em;
                    font-size: 3em;
                    line-height: 1.5;
                    /* Убираем background-color из основного элемента */
                    padding: 1.5em;
                    border-radius: 0.5em;
                    position: relative;
                    top: -2vh;
                    left: 1.5vw;


                }

                /* Добавляем псевдоэлемент для фона */
                .text-info1::before {
                    content: ''; /* Обязательное свойство для псевдоэлементов */
                    position: absolute;
                    top: 5vh;
                    left: 1vh;
                    right: 3vh;
                    bottom: 7vh;
                    background-color: rgba(133, 160, 185, 0.95); /* Устанавливаем фон на псевдоэлементе */
                    border-radius: 0.5em; /* Повторяем скругление углов */
                    z-index: -1; /* Помещаем фон позади текста */

                }


                #formTitle {
                    font-weight: 600;
                    font-size: 2vw; /* Размер текста с использованием единиц vw для адаптивности */
                    font-weight: bold; /* Жирное начертание */
                    color: #333; /* Цвет текста */
                    margin-bottom: 2vh; /* Отступ снизу для разделения с формой */
                }


                .form-group {
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                }

                #awizacjaForm #submitButton { /* Селектор для кнопки submit в форме awizacja */
                    padding: 0.5vh 1vh; /* Увеличиваем отступы для увеличения размера кнопки */
                    background-color: #426F99; /* Устанавливаем новый цвет фона (например, темно-бирюзовый) */
                    color: #000000;
                    font-size: 1em; /* Увеличиваем размер шрифта */
                    border: none;
                    border-radius: 0.5vh;
                    cursor: pointer;
                    margin-top: 1vh;
                }

                .form-group input,
                .form-group select {
                    background-color: #e0e0e0;
                    padding: 16px;
                    border: 1px solid #ccc;
                    border-radius: 5px;
                }

                .form-group button {
                    padding: 10px;
                    background-color: #005f6b;
                    color: #fff;
                    border: none;
                    border-radius: 5px;
                }


                .container3 {
                    display: flex;
                    align-items: flex-start; /* Выравниваем элементы по верхнему краю */
                    margin-left: 4vh;
                    max-width: 100%; /* Ограничиваем максимальную ширину контейнера */
                }


                .text-info {
                    width: 75%;
                    max-width: 57vh;
                    font-size: 3em;
                    line-height: 1.5;
                    background-color: rgba(133, 160, 185, 0.95);
                    padding: 1em; /* Сохраняем отступы по бокам */
                    padding-top: 0em; /* Уменьшаем фон сверху */
                    padding-bottom: 0em; /* Уменьшаем фон снизу */
                    border-radius: 0.5em;
                    text-align: left;
                    /* min-height: 60vh; Удаляем min-height */
                    position: relative;
                }


                .text-info::after {
                    content: '';
                    position: absolute;
                    top: 0vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                    right: -5vh; /* Позиционируем линию ровно посередине между блоками */
                    bottom: 0vh; /* Отступ снизу */
                    width: 0.3vh;
                    height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                    background-color: #fff;
                }


                #confirmation {
                    text-align: center;
                    width: 50%;
                    float: none;
                    display: flex;
                    flex-direction: column;
                    gap: 2vh;
                }


                #confirmation .button {
                    min-height: 16vh;
                    max-width: 40vw;
                    width: 100%;
                    margin-left: 9.5vh;
                    padding: 0.5vw 1vw;
                    background-color: rgba(133, 160, 185, 0.8);
                    color: #000000;
                    border: none;
                    border-radius: 1vw;
                    font-size: 3vw;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start; /* Выравнивание по левому краю */
                    gap: 3vw;
                    transition: background-color 0.3s ease, transform 0.3s ease;
                }

                #confirmation .button:hover {
                    background-color: #9AB7D2;
                    transform: scale(1.05);
                }

                #confirmation .button img {
                    width: 2em;
                    height: 2em;
                    margin-right: 1vw;
                    margin-left: 1vw; /* Отрицательный отступ слева */
                }


                #confirmation .button span {
                    font-size: 1em; /* Размер текста кнопки */
                }


                .half.left::before {
                    content: '';
                    position: absolute;
                    top: 5vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                    right: 9.5vh; /* Позиционируем линию ровно посередине между блоками */
                    bottom: 5vh; /* Отступ снизу */
                    width: 0.3vh;
                    height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                    background-color: #fff;
                }


                #section2 .half.left::before {
                    content: '';
                    position: absolute;
                    top: 3vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                    right: 4.5vh; /* Позиционируем линию ровно посередине между блоками */
                    bottom: 9vh; /* Отступ снизу */
                    width: 0.3vh;
                    height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                    background-color: #fff;

                }


                .half {
                    position: relative; /* Чтобы псевдоэлемент позиционировался относительно .half */
                    /* ... остальные стили ... */
                }


                .half.right {
                    margin-left: -1.2vw; /* Отрицательный отступ слева */
                }

                .container1 #result p {
                    font-size: 2em; /* Увеличиваем размер шрифта */
                }


                #section3 h2 {
                    /* Или другое значение в зависимости от желаемого сдвига */
                    color: #00000000;
                }
            }

            @media (min-width: 3840px) and (min-height: 2160px) {

                * {
                    font-family: Inria Serif, i-serif;
                }

                body {
                    margin: 0;
                    background-image: url('../images/backgroundindex.jpg'); /* Background image */
                    background-size: cover;
                    background-attachment: fixed;
                }

                .container {
                    width: 100%;
                    padding: 20px;
                    box-sizing: border-box;
                }

                .header {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    height: 80px;
                }

                .top-right {
                    display: flex;
                    gap: 10px;
                }

                .top-button {
                    padding: 10px 20px;
                    background-color: #333;
                    color: #fff;
                    text-decoration: none;
                    border-radius: 5px;
                }

                .language-selector {
                    position: relative; /* Устанавливаем позиционирование для родительского элемента */
                    z-index: 1; /* Устанавливаем z-index для родительского элемента */
                }


                .language-menu {
                    position: absolute;
                    top: 100%; /* Позиционируем меню под кнопкой */
                    left: 0;
                    background-color: #426F99;
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                    border-radius: 5px;
                    overflow: hidden;
                    z-index: 2; /* Устанавливаем z-index выше, чем у других элементов */
                    min-width: 5em; /* Минимальная ширина меню */
                }

                .language-menu button {
                    display: block;
                    width: 100%;
                    padding: 0.8em; /* Уменьшаем отступы внутри кнопок меню */
                    background-color: #426F99;
                    border: none;
                    text-align: left;
                    font-size: 2em; /* Устанавливаем размер шрифта кнопок меню */
                }

                .language-menu button:hover {
                    background-color: #f0f0f0;
                }

                .main-menu {
                    display: flex;
                    justify-content: center;
                    gap: 20px;
                    margin-top: 20px;
                }

                .menu-button {
                    padding: 1vw 2vw;
                    background-color: rgba(0, 95, 107, 0.8);
                    color: #fff;
                    border: none;
                    border-radius: 0.5vw;
                    display: flex;
                    align-items: center;
                    gap: 1vw;
                }

                .menu-button img {
                    height: 2vw;
                    width: 2vw;
                }

                .section {
                    height: 100vh;
                    padding: 4vh 2vh;
                    box-sizing: border-box;
                }

                .header-title {
                    font-family: Inria Serif, i-serif;
                    text-align: center;
                    font-size: 4vw; /* Увеличенный размер текста, адаптируется к размеру окна */
                    color: #000000;
                    margin-top: -15vh;
                    padding: 20px;
                    background-color: rgba(235, 240, 251, 0.8); /* Измените прозрачность здесь */
                    width: 100%; /* Растягивает рамку на всю ширину */
                    box-sizing: border-box; /* Включает padding и border в общую ширину */
                    position: sticky; /* Зафиксировать позицию */
                    top: 0; /* Переместить в самый верх */
                    left: 0; /* Переместить в самый верх */
                    z-index: 1000; /* Обеспечивает отображение заголовка поверх других элементов */


                }

                #section1 {
                    height: 100vh;
                    padding: 3vh; /* Убираем отступ сверху */
                    box-sizing: border-box;
                    margin-left: 1.5vh;
                }


                #section1 .half { /* Отрицательный отступ для элементов внутри секции */
                    margin-top: 3vh;
                }

                .half {
                    width: 50%;
                    float: left;
                    box-sizing: border-box;
                }

                .container1 {
                    font-family: Inria Serif, i-serif;
                    background-color: #879FB5;
                    padding: 2vw; /* Внутренние отступы с использованием единиц vw */
                    border-radius: 1vw; /* Закругленные углы с использованием единиц vw */
                    width: 70%; /* Ширина контейнера относительно родителя */
                    max-width: 80vw; /* Максимальная ширина контейнера относительно размера окна */
                    margin: 5vh 0 5vh 3vw; /* Центрирование и отступ сверху и снизу */
                    text-align: center;
                    box-sizing: border-box; /* Включает padding и border в общую ширину */
                    min-height: 70vh; /* Минимальная высота контейнера в зависимости от высоты окна */
                }

                .input-container {
                    font-family: Inria Serif, i-serif;
                    display: flex; /* Размещаем элементы в одну линию */
                    align-items: center; /* Выравниваем элементы по вертикали */
                    justify-content: center; /* Выравниваем элементы по горизонтали */
                    gap: 1vw; /* Расстояние между полем и кнопкой */
                }

                .input-container input {
                    font-family: Inria Serif, i-serif;
                    padding: 1vw; /* Внутренние отступы с использованием единиц vw */
                    border: 0.1vw solid #ccc; /* Граница элемента с использованием единиц vw */
                    border-radius: 0.5vw; /* Закругленные углы с использованием единиц vw */
                    font-size: 1.5vw; /* Размер текста с использованием единиц vw */
                    width: auto; /* Автоматическая ширина под размер текста */
                    box-sizing: border-box;
                    min-height: 5vh; /* Минимальная высота поля ввода */
                    flex: 1; /* Разрешаем полю ввода занимать все доступное пространство */
                }

                .input-container button {

                    padding: 1vw; /* Внутренние отступы для кнопки */
                    background-color: #426F99; /* Цвет фона кнопки */
                    color: #000000; /* Цвет текста кнопки */
                    border: none; /* Убираем границу */
                    border-radius: 0.5vw; /* Закругленные углы кнопки */
                    font-size: 1.5vw; /* Увеличиваем размер текста кнопки */
                    cursor: pointer; /* Курсор указывает на возможность клика */
                    min-height: 5vh; /* Увеличиваем минимальную высоту кнопки */
                    white-space: nowrap; /* Запрещаем перенос текста на новую строку */
                    flex: 0 0 auto; /* Запрещаем кнопке растягиваться */
                }

                .button-container {
                    text-align: center;
                    display: flex; /* Выравниваем элементы в линию */
                    flex-direction: column; /* Размещаем элементы в колонку */
                    align-items: flex-start; /* Центрируем элементы по горизонтали */
                    gap: 1.5vw; /* Расстояние между элементами */
                    margin-top: 5vh; /* Отступ сверху для выравнивания */

                }

                .right-button-container {
                    display: flex;
                    justify-content: center;
                    gap: 2vw; /* Расстояние между кнопками */
                    margin-bottom: 2vh; /* Отступ снизу */
                    align-items: flex-start; /* Выравнивание элементов по верхнему краю */
                    margin-left: -2vh;

                }

                .right-button.login {
                    opacity: 0.90;
                    font-weight: 500;
                    padding: 0.3em 14.5vw; /* Внутренние отступы */
                    background-color: #426F99; /* Цвет фона */
                    color: #000000; /* Цвет текста */
                    border: none; /* Убираем границу */
                    border-radius: 1vw; /* Закругленные углы */
                    font-size: 3vw; /* Размер текста */
                    width: auto; /* Автоматическая ширина */
                    min-height: 7vh; /* Минимальная высота */
                    display: flex; /* Выравнивание контента по вертикали */
                    align-items: center; /* Центрирование контента по вертикали */
                    justify-content: center; /* Центрирование контента по горизонтали */
                    text-decoration: none; /* Убираем подчеркивание */
                    margin-left: 5.5vh;
                }

                .language-button {
                    opacity: 0.90;
                    font-weight: 800;
                    padding: 1.5vw 1.5vw; /* Внутренние отступы */
                    background-color: #426F99; /* Цвет фона */
                    color: #000000; /* Цвет текста */
                    border: none; /* Убираем границу */
                    border-radius: 1vw; /* Закругленные углы */
                    font-size: 2vw; /* Размер текста */
                    width: auto; /* Автоматическая ширина */
                    min-height: 7vh; /* Минимальная высота */
                    display: flex; /* Выравнивание контента по вертикали */
                    align-items: center; /* Центрирование контента по вертикали */
                    justify-content: center; /* Центрирование контента по горизонтали */
                    text-decoration: none; /* Убираем подчеркивание */
                }

                .right-button {
                    padding: 1.5vw 3vw; /* Увеличенные отступы для кнопок */
                    background-color: #426F99;
                    color: #000000;
                    border: none;
                    border-radius: 1vw; /* Закругленные углы кнопок */
                    font-size: 2vw; /* Увеличенный размер текста */
                }


                .section-button {
                    transition: background-color 0.3s ease, transform 0.3s ease;
                    background-color: rgba(133, 160, 185, 0.8); /* Цвет фона кнопки */
                    border-radius: 1vw; /* Закругленные углы */
                    padding: 0.5vw 1vw; /* Внутренние отступы */
                    border: none; /* Без границы */
                    color: #000000; /* Цвет текста */
                    display: flex; /* Flexbox для выравнивания элементов */
                    align-items: center; /* Вертикальное выравнивание по центру */
                    font-size: 3vw; /* Размер текста */
                    min-height: 16vh; /* Минимальная высота кнопки */
                    max-width: 44vw; /* Максимальная ширина кнопки */
                    width: 100%; /* Ширина кнопки */
                    margin: 1vh auto; /* Отступы сверху и снизу */
                    position: relative; /* Важно для позиционирования псевдоэлементов */
                    justify-content: flex-start; /* Выравнивание по левому краю */
                    gap: 3vw;
                    white-space: nowrap;
                }

                .section-button:hover {
                    background-color: #9AB7D2; /* Меняем цвет фона при наведении */
                    transform: scale(1.05); /* Увеличиваем размер кнопки при наведении */
                }


                .right-button.login:hover, /* Анимация для кнопки Login */
                .language-button:hover { /* Анимация для кнопки Language */
                    background-color: #426F99;
                    transform: scale(1.1);
                    transition: background-color 0.3s ease, transform 0.3s ease;
                    opacity: 1;
                }

                .input-container button:hover { /* Анимация для кнопки Check */
                    background-color: #9AB7D2; /* Более темный оттенок при наведении */
                }


                .section-button::before { /* Стили для иконки */
                    content: '';
                    display: inline-block; /* Чтобы можно было добавить отступ справа */
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    width: 2em;
                    height: 2em;
                    margin-right: 1vw; /* Отступ справа от иконки */
                    margin-left: 0.2em;
                }


                .section-button.awizacja::before {
                    background-image: url('../images/awizacja_icon.png');
                }

                .section-button.infofdrivers::before {
                    background-image: url('../images/info_icon.png');
                }

                .section-button::after { /* Стили для разделительной линии */
                    content: '';
                    position: absolute;
                    left: 9.5vw; /* Положение слева от иконки */
                    top: 50%;
                    transform: translateY(-50%);
                    width: 0.3vh;
                    height: 65%;
                    background-color: #fff; /* Цвет линии */
                }


                .container4 {
                    display: flex; /* Включаем flexbox */
                    align-items: flex-start; /* Выравниваем элементы по верхнему краю */
                }

                .container4 .half.left {
                    display: block; /* Возвращаем отображение левого блока */
                    width: auto; /* Автоматическая ширина для блока с инструкцией */
                    margin-right: 3vh; /* Добавляем отступ справа для разделения блоков */
                }

                .container4 .half.right {
                    width: auto; /* Автоматическая ширина для формы */
                    flex-grow: 1; /* Позволяем форме занимать оставшееся пространство */
                    background-color: rgba(133, 160, 185, 0.95); /* Фон окошка */
                    padding: 2em; /* Внутренние отступы */
                    border-radius: 0.5em; /* Закругленные углы */
                    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Необязательно: добавляем легкую тень */
                    margin-top: 3vh;
                    font-size: 4em;

                }


                .text-info1 {
                    width: 75%;
                    max-width: 16em;
                    font-size: 4em;
                    line-height: 1.5;
                    /* Убираем background-color из основного элемента */
                    padding: 1.5em;
                    border-radius: 0.5em;
                    position: relative;
                    top: -2vh;
                    left: -0.5vw;


                }

                /* Добавляем псевдоэлемент для фона */
                .text-info1::before {
                    content: ''; /* Обязательное свойство для псевдоэлементов */
                    position: absolute;
                    top: 5vh;
                    left: 2vh;
                    right: 3vh;
                    bottom: 8vh;
                    background-color: rgba(133, 160, 185, 0.95); /* Устанавливаем фон на псевдоэлементе */
                    border-radius: 0.5em; /* Повторяем скругление углов */
                    z-index: -1; /* Помещаем фон позади текста */

                }


                #formTitle {
                    font-weight: 600;
                    font-size: 2vw; /* Размер текста с использованием единиц vw для адаптивности */
                    font-weight: bold; /* Жирное начертание */
                    color: #333; /* Цвет текста */
                    margin-bottom: 2vh; /* Отступ снизу для разделения с формой */
                }


                .form-group {
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                }

                #awizacjaForm #submitButton { /* Селектор для кнопки submit в форме awizacja */
                    padding: 0.5vh 1vh; /* Увеличиваем отступы для увеличения размера кнопки */
                    background-color: #426F99; /* Устанавливаем новый цвет фона (например, темно-бирюзовый) */
                    color: #000000;
                    font-size: 1em; /* Увеличиваем размер шрифта */
                    border: none;
                    border-radius: 0.5vh;
                    cursor: pointer;
                    margin-top: 1vh;
                }

                .form-group input,
                .form-group select {
                    background-color: #e0e0e0;
                    padding: 20px;
                    border: 5px solid #ccc;
                    border-radius: 5px;
                }

                .form-group button {
                    padding: 10px;
                    background-color: #005f6b;
                    color: #fff;
                    border: none;
                    border-radius: 5px;
                }


                .container3 {
                    display: flex;
                    align-items: flex-start; /* Выравниваем элементы по верхнему краю */
                    margin-left: 1.5vh;
                    max-width: 100%; /* Ограничиваем максимальную ширину контейнера */
                }


                .text-info {
                    width: 30%;
                    max-width: 40vh;
                    font-size: 4em;
                    line-height: 1.5;
                    background-color: rgba(133, 160, 185, 0.95);
                    padding: 1em; /* Сохраняем отступы по бокам */
                    padding-top: 0em; /* Уменьшаем фон сверху */
                    padding-bottom: 0em; /* Уменьшаем фон снизу */
                    border-radius: 0.5em;
                    text-align: left;
                    /* min-height: 60vh; Удаляем min-height */
                    position: relative;
                }


                .text-info::after {
                    content: '';
                    position: absolute;
                    top: 0vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                    right: -5vh; /* Позиционируем линию ровно посередине между блоками */
                    bottom: 0vh; /* Отступ снизу */
                    width: 0.3vh;
                    height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                    background-color: #fff;
                }


                #confirmation {
                    text-align: center;
                    width: 50%;
                    float: none;
                    display: flex;
                    flex-direction: column;
                    gap: 2vh;
                }


                #confirmation .button {
                    min-height: 16vh;
                    max-width: 40vw;
                    width: 100%;
                    margin-left: 9.5vh;
                    padding: 0.5vw 1vw;
                    background-color: rgba(133, 160, 185, 0.8);
                    color: #000000;
                    border: none;
                    border-radius: 1vw;
                    font-size: 3vw;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start; /* Выравнивание по левому краю */
                    gap: 3vw;
                    transition: background-color 0.3s ease, transform 0.3s ease;
                }

                #confirmation .button:hover {
                    background-color: #9AB7D2;
                    transform: scale(1.05);
                }

                #confirmation .button img {
                    width: 2em;
                    height: 2em;
                    margin-right: 1vw;
                    margin-left: 1vw; /* Отрицательный отступ слева */
                }


                #confirmation .button span {
                    font-size: 1em; /* Размер текста кнопки */
                }


                .half.left::before {
                    content: '';
                    position: absolute;
                    top: 5vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                    right: 9.5vh; /* Позиционируем линию ровно посередине между блоками */
                    bottom: 5vh; /* Отступ снизу */
                    width: 0.3vh;
                    height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                    background-color: #fff;
                }


                #section2 .half.left::before {
                    content: '';
                    position: absolute;
                    top: 3vh; /* Отступ сверху, чтобы линия не прилегала к краю контейнера */
                    right: 4vh; /* Позиционируем линию ровно посередине между блоками */
                    bottom: 10vh; /* Отступ снизу */
                    width: 0.3vh;

                    height: auto; /* Высота линии будет автоматически подстраиваться под высоту формы */
                    background-color: #fff;

                }


                .half {
                    position: relative; /* Чтобы псевдоэлемент позиционировался относительно .half */
                    /* ... остальные стили ... */
                }


                .half.right {
                    margin-left: -1.2vw; /* Отрицательный отступ слева */
                }

                .container1 #result p {
                    font-size: 2em; /* Увеличиваем размер шрифта */
                }


                #section3 h2 {
                    /* Или другое значение в зависимости от желаемого сдвига */
                    color: #00000000;
                }
            }
        }
    }