h3 {
        margin-top: 20px; /* отступ сверху */
        margin-bottom: 10px; /* отступ снизу */
        font-family: Arial, sans-serif;
        text-align: center;
        font-size: 22px;
        color: rgba(100, 100, 100, 0.932);
        font-weight: normal;
    }

.modal1 {
        display: none; /* Скрыто по умолчанию */
        position: fixed; /* Остается на месте */
        z-index: 1002; /* На переднем плане */
        left: 0;
        top: 0;
        height: 100vh; /* Высота 100% от высоты окна */
        width: 100%; /* Ширина 100% от ширины окна */
        background-color: rgba(0,0,0,0.4); /* Фон с прозрачностью */
        display: flex; /* Включение Flexbox */
        align-items: center; /* Вертикальное выравнивание по центру */
        justify-content: center; /* Горизонтальное выравнивание по центру */
    }

    .modal-content {
        background-color: white; /* Белый фон для содержимого */
        margin: 10% auto; /* Убираем отступы по умолчанию */
        padding: 20px;
        border: 1px solid #888; /* Рамка */
        width: 20%; /* Ширина модального окна */
        height: auto; /* Высота модального окна авто */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Тень */
        border-radius: 12px; /* Скругление углов у основного модального окна */
    }

    .modal-content1 {
        background-color: white; /* Белый фон для содержимого */
        margin: 2% auto; /* Убираем отступы по умолчанию */
        padding: 20px;
        border: 1px solid #888; /* Рамка */
        width: 20%; /* Ширина модального окна */
        height: auto; /* Высота модального окна авто */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Тень */
        border-radius: 12px; /* Скругление углов у основного модального окна */
    }

    .close {
        color: #aaa; /* Цвет для кнопки закрытия */
        float: right; /* Праворуч */
        font-size: 28px; /* Размер */
        font-weight: bold; /* Жирный шрифт */
    }

    .close:hover,
    .close:focus {
        color: rgba(59, 59, 59, 0.918); /* Цвет при наведении */
        text-decoration: none; /* Убрать подчеркивание */
        cursor: pointer; /* Указатель курсора */
    }

    label {
        width: 100%; /* Полная ширина для метки */
        text-align: left; /* Выравнивание текста по левому краю */
        margin-bottom: 5px; /* Отступ между меткой и полем ввода */
        font-size: 14px; /* Размер */
    }

    form {
        display: flex;
        flex-direction: column;
    }

    input[type="email"],
    input[type="tel"],
    input[type="text"],
    input[type="password"] {
        padding: 10px; /* Внутренние отступы */
        border: 1px solid #396431a4; /* Зеленая обводка для инпутов */
        border-radius: 8px; /* Закругленные углы */
        width: 100%; /* 100% ширины на модальном окне */
        background-color: transparent; /* Прозрачный фон */
        color: #1b1b1be5; /* Цвет текста */
        font-size: 16px; /* Размер текста */
        transition: border-color 0.3s ease; /* Плавный переход цвета */
    }

    input[type="email"]:focus,
    input[type="tel"]:focus,
    input[type="text"]:focus,
    input[type="password"]:focus {
        outline: none; /* Убрать стандартное выделение */
        border-color: #396431; /* Зеленая обводка при фокусе */
    }

    input[type="email"]::placeholder,
    input[type="tel"]::placeholder,
    input[type="text"]::placeholder,
    input[type="password"]::placeholder {
        color: rgba(95, 95, 95, 0.425); /* Серый цвет для маски */
    }

    .button-container1 {
        display: flex; /* Используем Flexbox */
        justify-content: center; /* Центрирование содержимого по горизонтали */
        margin-top: 10px; /* Отступ от верхней части */
    }

    .entrance-button {
        margin-top: 10px; /* Отступ между кнопками */
        padding: 10px; /* Внутренние отступы */
        border: 1px solid #396431a4; /* Зеленая обводка для кнопки */
        background-color: #396431a4; /* Зеленый фон для кнопки */
        color: white; /* Белый текст */
        font-size: 16px; /* Размер текста кнопки */
        cursor: pointer; /* Указатель курсора */
        display: flex; /* Используем flexbox для выравнивания */
        align-items: center; /* Вертикальное выравнивание по центру */
        justify-content: center; /* Центрирование содержимого по горизонтали */
        width: 60%; /* Ширина кнопки с учетом отступов */
        border-radius: 8px; /* Закругленные углы */
        transition: background-color 0.3s ease, border-color 0.3s ease; /* Плавный переход цвета */
    }

    .entrance-button:hover {
        background-color: #396431cb; /* Более светлый зеленый фон при наведении */
        border-color: #396431cb; /* Более светлая зеленая обводка при наведении */
    }

    .entrance1-button {
        margin-top: 10px; /* Отступ между кнопками */
        padding: 10px; /* Внутренние отступы */
        border: 1px solid #396431a4; /* Зеленая обводка для кнопки */
        background-color: #396431a4; /* Зеленый фон для кнопки */
        color: white; /* Белый текст */
        font-size: 16px; /* Размер текста кнопки */
        cursor: pointer; /* Указатель курсора */
        display: flex; /* Используем flexbox для выравнивания */
        align-items: center; /* Вертикальное выравнивание по центру */
        justify-content: center; /* Центрирование содержимого по горизонтали */
        width: 60%; /* Ширина кнопки с учетом отступов */
        border-radius: 8px; /* Закругленные углы */
        transition: background-color 0.3s ease, border-color 0.3s ease; /* Плавный переход цвета */
    }

    .entrance1-button:hover {
        background-color: #396431cb; /* Более светлый зеленый фон при наведении */
        border-color: #396431cb; /* Более светлая зеленая обводка при наведении */
    }

    .numbers-container {
        display: flex; /* Поддержка гибкой компоновки */
        align-items: center; /* Выравнивание по центру по вертикали */
        text-align: left; /* Выравнивание текста по левому краю */
        margin-bottom: 0px; /* Отступ снизу */
        margin-top: 5px; /* Отступ сверху */
    }

    .text-container {
        display: flex; /* Поддержка гибкой компоновки */
        align-items: center; /* Выравнивание по центру по вертикали */
        text-align: left; /* Выравнивание текста по левому краю */
    }

    .error-message {
        color: red; /* Цвет текста ошибки */
        font-size: 12px; /* Размер шрифта для текста ошибки */
        margin-top: 0px; /* Сдвиг текста ошибки вверх */
        margin-bottom: 0px; /* Отступ снизу */
    }

.phone-input {   
padding: 10px; /* Внутренние отступы */
border: 2px solid #396431a4; /* Зеленая обводка для кнопки Email */
border-radius: 8px; /* Закругленные углы */
width: calc(100% - 16px);
background-color: transparent; /* Прозрачный фон */
color: #1b1b1be5; /* Зеленый цвет текста */
font-size: 16px; /* Размер текста */
transition: border-color 0.3s ease; /* Плавный переход цвета */
}

.error {
        color: red;
    }

    .title1 {
        font-size: 14px;
        margin-top: 5px; /* Добавленный отступ сверху */
        margin-right: 5px; /* Отступ между элементами, если необходимо */
        margin-bottom: 5px; /* Отступ снизу */
        margin-left: 0; /* Обратите внимание, что отступ слева по умолчанию 0 */
        color: #474747;
        font-family: Arial, sans-serif;
    }

    .title2 {
        font-size: 18px;
        margin-top: 4px; /* Добавленный отступ сверху */
        margin: 0px 0 5px;
        color: #000;
        font-family: Arial, sans-serif;
        margin-right: 5px; /* Отступ между элементами, если необходимо */
    }

    .scrollable-results::-webkit-scrollbar {
width: 7px; /* Ширина полосы прокрутки */
background-color: #f0f0f0; /* Цвет фона полосы прокрутки */
}

/* Стиль для самого "ползунка" полосы прокрутки */
.scrollable-results::-webkit-scrollbar-thumb {
background-color: #31582a23; /* Цвет ползунка */
border-radius: 10px; /* Закругление углов ползунка */
transition: background-color 0.5s ease; /* Плавный переход для цвета */
}

/* Стиль ползунка при наведении курсора */
.scrollable-results::-webkit-scrollbar-thumb:hover {
background-color: #31582a65; /* Измененный цвет ползунка при наведении */
}

/* Если необходимо изменить стиль вертикальной полосы прокрутки */
.scrollable-results::-webkit-scrollbar:vertical {
background-color: #f0f0f0; /* Фон вертикальной полосы */
}

#loginModal,
#registrationModal {
    display: none; /* Скрыть по умолчанию */
}